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/navMenu/index.vue b/src/components/navMenu/index.vue
index 5a1bf6d34..082a29876 100644
--- a/src/components/navMenu/index.vue
+++ b/src/components/navMenu/index.vue
@@ -40,7 +40,7 @@
                     v-for="(children, childrenIndex) in item.children"
                     :key="childrenIndex"
                     :index="children.path"
-                    style="text-align: center;"
+                    style="padding-right: 15px; padding-left: 30px;font-size: 14px"
                     v-if="!children.menuId || $hasPermission(children.menuId)"itemSplitInfo
             >
               <el-badge :value="getDynamicTotal.msgCount" class="item" v-if="children.title === '我的消息' && getDynamicTotal.msgCount !== 0">
@@ -52,6 +52,9 @@
               <el-badge :value="getDynamicTotal.myStandCount" class="item" v-else-if="children.title === '我的企标' && getDynamicTotal.myStandCount !== 0">
                 {{ children.title }}
               </el-badge>
+              <el-badge is-dot class="item miniBadge" v-else-if="children.title === '标准/译文获取申请管理' && getStandardTranslationTodo !== 0">
+                <div>{{children.title}}</div>
+              </el-badge>
               <div v-else>
                 {{ children.title }}
               </div>
@@ -81,6 +84,7 @@
     name: 'NavMenu',
     data () {
       return {
+        standardTranslation: 0,
         defaultActive: null, // 当前激活菜单的 index
         navMenuList: [
           // {
@@ -161,6 +165,11 @@
                 path: '/standQA',
                 menuId: '2621269642ea4c6c8c42905863b2dc09'
               },
+              {
+                title: '标准/译文获取申请管理',
+                path: '/standardTranslationAcquisitionRequest',
+                menuId: 'd7ad73e98162894d020aa993c08a4532'
+              },
               // {
               //   title: '零部件编号申请',
               //   path: '/partCodeApply',
@@ -550,6 +559,11 @@
       }
     },
     mounted () {
+      this.$http.get('/lawss/standardApplyFor/queryPendingApprovalCount', '', { _this: this }, res => {
+        if (res.ok) {
+          this.$store.commit('SET_STANDARD_TRANSLATION_TODO', res.data.pendingApprovalCount)
+        }
+      })
     },
     methods: {
       handleSelect (key, keyPath) {
@@ -573,7 +587,7 @@
         // return this.isCollapse ? require('assets/images/shangqi/img/logo4.png') : require('assets/images/shangqi/img/logo5.png')
         return this.isCollapse ? require('assets/images/shangqi/img/logo4.png') : require('assets/images/shangqi/img/logo2.png')
       },
-      ...mapGetters(['getDynamicTotal', 'isCollapse'])
+      ...mapGetters(['getDynamicTotal', 'isCollapse', 'getStandardTranslationTodo'])
     },
     watch: {
       // 监听路由 重新渲染面包屑
@@ -606,6 +620,7 @@
     width: 58px;
     height: 100%;
     overflow-y: auto;
+    overflow-x: hidden;
     user-select: none;
     box-sizing: border-box;
     position: absolute;
@@ -785,7 +800,7 @@
       }
     }
     .el-menu-item {
-      padding-left: 0 !important;
+      //padding-left: 0 !important;
       font-size: 16px;
       font-weight: normal;
       height: 40px;
@@ -812,5 +827,10 @@
       }
     }
   }
-
+  .miniBadge{
+    /deep/ .is-dot{
+      left: -18px;
+      top: 14px;
+    }
+  }
 </style>
diff --git a/src/components/processNodeInformation/index.vue b/src/components/processNodeInformation/index.vue
new file mode 100644
index 000000000..9ae507fb3
--- /dev/null
+++ b/src/components/processNodeInformation/index.vue
@@ -0,0 +1,608 @@
+<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"
+                     :key="item.id"
+                     :class="{'flow-group-process-box-one':arrangeFromTheLeft(index + 1)}"
+                     class="flow-group-process-box">
+                    <div v-if="leftArrow(index + 1)"
+                         :class="{'flow-group-process-arrow-left':arrangeFromTheLeft(index + 1)}"
+                         class="flow-group-process-arrow">
+                    </div>
+                    <div 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">
+                            <el-tooltip placement="top">
+                                <div slot="content">
+                                    {{item.taskKeyName}}
+                                </div>
+                                <div>
+                                    {{item.taskKeyName}}
+                                </div>
+                            </el-tooltip>
+                        </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 class="flow-group-process-content-bottom-text">{{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] &&
+                         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">
+            <loading :loading="loadingImg">流程列表加载中</loading>
+        </div>
+        <div class="flow-list">
+
+            <el-table
+                    v-if="$route.query.oldAndNew == 'new'"
+                    height="100%"
+                    ref="selection"
+                    :data="histortData"
+                    tooltip-effect="dark"
+                    style="width: 100%"
+                    border
+                    row-key="id"
+                    :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}">
+                <el-table-column
+                        type="index"
+                        width="55"
+                        label="序号"
+                        align="center"/>
+                <el-table-column
+                        prop="taskKeyShow"
+                        label="任务步骤"
+                        align="center"
+                />
+                <el-table-column
+                        prop="userName"
+                        label="任务受理人"
+                        align="center"
+                />
+                <el-table-column
+                        prop="createTime"
+                        label="创建时间"
+                        align="center"
+                >
+                    <template slot-scope="scope">
+                        <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') : '' }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                        prop="endTime"
+                        label="完成时间"
+                        align="center"
+                >
+                    <template slot-scope="scope">
+                        <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD HH:mm:ss') : '' }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                        v-if="$route.query.prcType == '3'"
+                        prop="parentUserName"
+                        label="任务分发人"
+                        align="center"
+                >
+                    <template slot-scope="scope">
+                        <span>{{ scope.row.parentUserName }}</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,
+                loadingImg: false,
+            }
+        },
+        mounted() {
+            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
+                    if (this.$route.query.oldAndNew == 'new') {
+                        this.getProcessList()
+                    } else {
+                        this.processNum()
+                    }
+                    this.loading = false
+                }, e => {
+                })
+            },
+            getProcessList() {
+                let query = {
+                    actiProcInstId: this.prcId,
+                    flowType: this.prcType,
+                }
+                this.loadingImg = true
+                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(',')
+                        }
+                    })
+                    if (this.$route.query.prcType == 'buss1'){
+                        if (this.histortData && this.histortData.length > 0){
+                            if (this.histortData[this.histortData.length - 1].taskKey == 'BussLibraryC3'){
+                               this.nameList.forEach(val => {
+                                   if (val.taskKey == 'BussLibrary3') {
+                                       val.taskStatus = 'todo'
+                                   }
+                               })
+                            }else if (this.histortData[this.histortData.length - 1].taskKey == 'BussLibraryC1'){
+                                this.nameList.forEach(val => {
+                                    if (val.taskKey == 'BussLibrary1') {
+                                        val.taskStatus = 'todo'
+                                    }
+                                })
+                            }else if (this.histortData[this.histortData.length - 1].taskKey == 'BussLibraryC6'){
+                                this.nameList.forEach(val => {
+                                    if (val.taskKey == 'BussLibrary6') {
+                                        val.taskStatus = 'todo'
+                                    }
+                                })
+                            }
+                        }
+                    }
+                    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'
+                        this.loadingImg = false
+                    })
+                }, 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 {
+        width: 100%;
+        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: 28px;
+        }
+
+        .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: 28px;
+        }
+
+        .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%;
+                margin-top: 10px;
+                margin-bottom: 10px;
+                font-size: 12px;
+                word-break: break-all;
+                text-overflow: ellipsis;
+                display: -webkit-box;
+                -webkit-box-orient: vertical;
+                -webkit-line-clamp: 1; /* 超出几行省略 */
+                overflow: hidden;
+            }
+
+            .flow-group-process-content-bottom {
+                width: 100%;
+                font-size: 12px;
+                line-height: 1.4;
+                height: 54px;
+                overflow: hidden;
+                .flow-group-process-content-bottom-text{
+                    word-break: break-all;
+                    text-overflow: ellipsis;
+                    display: -webkit-box;
+                    -webkit-box-orient: vertical;
+                    -webkit-line-clamp: 1; /* 超出几行省略 */
+                    overflow: hidden;
+                }
+            }
+
+            .flow-group-process-arrow-dis {
+                margin-left: 200px;
+            }
+        }
+
+        .flow-group-process-content-dis {
+            margin-left: 208px;
+        }
+    }
+</style>
diff --git a/src/pages/config/pages/roleManage/index.vue b/src/pages/config/pages/roleManage/index.vue
index bfa696419..46894effb 100644
--- a/src/pages/config/pages/roleManage/index.vue
+++ b/src/pages/config/pages/roleManage/index.vue
@@ -917,6 +917,7 @@ export default {
           res.data.forEach(item => {
             if (item.id && item.id == 'asdfadf') {
               item.disabled = true;
+              this.nodeList.push(item.id)
               // if (item.childNodes && item.childNodes.length !== 0) {
               //   this.addAttr(item.childNodes);
               // }
diff --git a/src/pages/config/pages/standLawsAttrManage/index.vue b/src/pages/config/pages/standLawsAttrManage/index.vue
index c6fdf27a4..d39f74488 100644
--- a/src/pages/config/pages/standLawsAttrManage/index.vue
+++ b/src/pages/config/pages/standLawsAttrManage/index.vue
@@ -390,12 +390,13 @@ export default {
     },
     goNuwPage (item) {
       this.$store.commit('setDetailMap', this.$route.path)
+      console.log(item);
       const params = {
         id: item.id,
         dictionaryName: item.dictionaryName,
         dictionType: item.dictionType,
         isRelate: item.isRelate,
-        relateDicId: item.relateDicId
+        relateDicId: item.relateDicId || '1'
       }
       if(item.dictionType && item.dictionType === 'TREE'){
         this.$router.push({
@@ -408,7 +409,6 @@ export default {
           params: params
         })
       }
-
     },
     handleSelectone (data) {
       this.selectedList = []
diff --git a/src/pages/home2/components/todoList/index.vue b/src/pages/home2/components/todoList/index.vue
index 31dfe68d3..593c2a88f 100644
--- a/src/pages/home2/components/todoList/index.vue
+++ b/src/pages/home2/components/todoList/index.vue
@@ -188,6 +188,16 @@ export default {
           }
           break
         case 'buss1':
+          let oldAndNewBuss = ''
+          const currentDateBuss = new Date('2024-04-01 00:00:00').getTime();
+          const dateBuss = new Date(row.creatTime);
+          const timestampBuss = dateBuss.getTime();
+          if (currentDateBuss > timestampBuss){
+            oldAndNewBuss = 'old'
+          }else{
+            oldAndNewBuss = 'new'
+          }
+          query.oldAndNew = oldAndNewBuss
           if (row.taskInfo === '企标编写') {
             name =  'bussLibrary2'
           }else if (row.taskInfo === '企标编写汇总'){
@@ -219,6 +229,7 @@ export default {
           }else if (row.taskInfo === '发布'){
             name =  'bussLibrary13'
           }
+
           break
         case 'buss2':
           name =  'bussLibraryProduct'
@@ -317,6 +328,16 @@ export default {
           }
           break;
         case '3':
+          let oldAndNewBuss1 = ''
+          const currentDateBuss1 = new Date('2024-04-01 00:00:00').getTime();
+          const dateBuss1 = new Date(row.creatTime);
+          const timestampBuss1 = dateBuss1.getTime();
+          if (currentDateBuss1 > timestampBuss1){
+            oldAndNewBuss1 = 'old'
+          }else{
+            oldAndNewBuss1 = 'new'
+          }
+          query.oldAndNew = oldAndNewBuss1
           if (row.taskInfo === '任务分发') {
             name =  'bzzqyjStep2'
           } else if (row.taskInfo === '意见反馈'){
diff --git a/src/pages/localTool/standAutoSplit/pages/itemSplitInfo.vue b/src/pages/localTool/standAutoSplit/pages/itemSplitInfo.vue
index 7a474897d..ef5438a2e 100644
--- a/src/pages/localTool/standAutoSplit/pages/itemSplitInfo.vue
+++ b/src/pages/localTool/standAutoSplit/pages/itemSplitInfo.vue
@@ -1692,6 +1692,7 @@ export default {
         this.isSubmit = false
         if (res.ok) {
           this.modalItemaddShowflag = false
+          this.selectMenu()
           // this.showItemRequestDetails()
           // let content = res.data.itermsConditions
           // $('#itemContentHtml').html(content)
diff --git a/src/pages/localTool/standContrast/pages/seeDatalis.vue b/src/pages/localTool/standContrast/pages/seeDatalis.vue
index 7c78db14e..b0bee096b 100644
--- a/src/pages/localTool/standContrast/pages/seeDatalis.vue
+++ b/src/pages/localTool/standContrast/pages/seeDatalis.vue
@@ -60,12 +60,15 @@
           :label="$t('m.action')"
           width="280px"
           align="center">
+<!--          v-btn-permission="'99CSTACRWA5SKM94W2F2'"-->
           <template slot-scope="scope">
             <el-button
               class="opera-btn"
               size="mini"
               type="primary"
-              @click="handlePreview(scope.row)" v-btn-permission="'99CSTACRWA5SKM94W2F2'">{{$t('m.lookAtTheDifferences')}}</el-button>
+              @click="handlePreview(scope.row)">
+              {{$t('m.lookAtTheDifferences')}}
+            </el-button>
           </template>
         </el-table-column>
       </el-table>
diff --git a/src/pages/processCenter/pages/creatProcess/bzzqyj/step1-9.vue b/src/pages/processCenter/pages/creatProcess/bzzqyj/step1-9.vue
index eea930efe..d4c51d96e 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step1-9.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step1-9.vue
@@ -170,61 +170,67 @@
         </el-table>
       </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>
+    <div class="content" v-if="active === '2'">
+      <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="查看修改前内容"
@@ -248,6 +254,7 @@ export default {
   name: "bzzqyjStep1-9",
   data() {
     return {
+      loading:false,
       itermsConditionsFlag: false,
       itermsConditionsTitle: '',
       histortData: [],
@@ -298,10 +305,12 @@ export default {
       }
     },
     getHistoryData () {
+      this.loading = true
       this.$http.get('lawss/activiti/get_list_by_instance', {
         prcNum: this.$route.query.prcNum,
       }, {}, res => {
         this.histortData = res
+        this.loading = false
       }, e => {})
     },
     upload(row, title) {
@@ -380,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 29595f68f..f872f08d0 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step2.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step2.vue
@@ -115,67 +115,73 @@
       <!--  </el-collapse-item>-->
       <!--</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>
+    <div class="content" v-if="active === '2'">
+      <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
@@ -216,6 +222,7 @@ export default {
   name: "bzzqyjStep2",
   data() {
     return {
+      loading:false,
       commentText2: '',
       onlyKey: '',
       drawerModal: false,
@@ -312,10 +319,12 @@ export default {
       window.location.href = '/api/att/attFile/downloadFile?fileId=' + item.id
     },
     getHistoryData() {
+      this.loading = true
       this.$http.get("lawss/activiti/get_list_by_instance", {
         prcNum: this.$route.query.prcNum
       }, {}, res => {
         this.histortData = res;
+        this.loading = false
       }, e => {
       });
     },
@@ -428,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..fa0d445ba 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step3.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step3.vue
@@ -195,67 +195,72 @@
             <!--    </el-collapse-item>-->
             <!--</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>
+        <div class="content" v-if="active === '2'">
+            <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..717ec62ff 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step4-1.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step4-1.vue
@@ -174,67 +174,72 @@
             <!--    </el-collapse-item>-->
             <!--</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>
+        <div class="content" v-if="active === '2'">
+            <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..3617fb364 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step4-2.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step4-2.vue
@@ -166,67 +166,72 @@
             <!--    </el-collapse-item>-->
             <!--</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>
+        <div class="content" v-if="active === '2'">
+            <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..6729454b8 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step4.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step4.vue
@@ -201,67 +201,72 @@
       <!--  </el-collapse-item>-->
       <!--</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>
+    <div class="content" v-if="active === '2'">
+      <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 520704048..146dad5cf 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step5-1.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step5-1.vue
@@ -216,68 +216,74 @@
       <!--  </el-collapse-item>-->
       <!--</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>
+    <div class="content" v-if="active === '2'">
+      <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>
+<!--        <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"
@@ -385,6 +391,7 @@ export default {
   name: "bzzqyjStep5-1",
   data() {
     return {
+      loading:false,
       disabledXX:!!this.$route.query.disabledXX,
       activeNames: '1',
       clickFlag: false,
@@ -614,10 +621,12 @@ export default {
       window.location.href = '/api/att/attFile/downloadFile?fileId=' + item.id
     },
     getHistoryData() {
+      this.loading = true
       this.$http.get("lawss/activiti/get_list_by_instance", {
         prcNum: this.$route.query.prcNum
       }, {}, res => {
         this.histortData = res;
+        this.loading = false
       }, e => {
       });
     },
@@ -758,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..6da501993 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step5.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step5.vue
@@ -211,67 +211,72 @@
       <!--  </el-collapse-item>-->
       <!--</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>
+    <div class="content" v-if="active === '2'">
+      <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..421de82bd 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step6.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step6.vue
@@ -204,67 +204,72 @@
       <!--  </el-collapse-item>-->
       <!--</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>
+    <div class="content" v-if="active === '2'">
+      <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..9bd981d70 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step7.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step7.vue
@@ -196,67 +196,72 @@
       <!--  </el-collapse-item>-->
       <!--</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>
+    <div class="content" v-if="active === '2'">
+      <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..bc8398ad0 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step8.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step8.vue
@@ -196,67 +196,72 @@
       <!--  </el-collapse-item>-->
       <!--</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>
+    <div class="content" v-if="active === '2'">
+      <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..ecb355334 100644
--- a/src/pages/processCenter/pages/creatProcess/bzzqyj/step9.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzzqyj/step9.vue
@@ -195,67 +195,72 @@
       <!--  </el-collapse-item>-->
       <!--</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>
+    <div class="content" v-if="active === '2'">
+      <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/qbrk/common/formEditList.vue b/src/pages/processCenter/pages/creatProcess/qbrk/common/formEditList.vue
index 5872e9457..9faffbf01 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/common/formEditList.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/common/formEditList.vue
@@ -212,19 +212,37 @@
               clearable
             />
             <div style="display: flex;justify-content: space-between;margin-left: 12px;">
-              <div style="width: 80%;margin-top: 13px">
-                <div
-                  v-for="(item,index) in LSBBBUSSFileList"
-                  :key="index"
-                  style="color: #409eff;cursor:pointer"
-                  class="fileClass"
-                >
-                  <span style="" :title="item.name" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
-<!--                  <span v-if="item.id !== ''" style="margin-left: 7px;">-->
-<!--                    <i class="el-icon-download" title="下载" @click="handleFilePreview(item,'down')" />-->
-<!--                  </span>-->
+                <div v-if="isTrue" style="width: 80%;margin-top: 13px">
+                  <div
+                          v-for="(item,index) in LSBBBUSSFileList"
+                          :key="index"
+                          style="color: #409eff;cursor:pointer"
+                          class="fileClass"
+                  >
+                    <span style="" :title="item.name" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
+                    <span style="margin-left: 7px;">
+                          <i class="el-icon-view" style="font-size: 18px" title="预览" @click="viewOnlyOffice(item)" />
+                     </span>
+                    <!--                  <span v-if="item.id !== ''" style="margin-left: 7px;">-->
+                    <!--                    <i class="el-icon-download" title="下载" @click="handleFilePreview(item,'down')" />-->
+                    <!--                  </span>-->
+                  </div>
                 </div>
-              </div>
+
+                <div v-if="!isTrue" style="width: 80%;margin-top: 13px">
+                  <div
+                          v-for="(item,index) in LSBBBUSSFileList"
+                          :key="index"
+                          style="color: #409eff;cursor:pointer"
+                          class="fileClass"
+                  >
+                    <span style="" :title="item.name" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
+                    <!--                  <span v-if="item.id !== ''" style="margin-left: 7px;">-->
+                    <!--                    <i class="el-icon-download" title="下载" @click="handleFilePreview(item,'down')" />-->
+                    <!--                  </span>-->
+                  </div>
+                </div>
+
               <div style="width: 20%;">
                 <el-button
                   type="primary"
@@ -802,6 +820,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import ProcessTitle from '../../../components/ProcessTitle'
+import { onlyOfficeUrl } from '@/sysConfig'
 
 export default {
   name: 'FormEditList',
@@ -1023,6 +1042,20 @@ export default {
     }
   },
   methods: {
+    viewOnlyOffice (item) {
+      const key = new Date().getTime()
+      let oldFileName = item.name
+      let index1 = oldFileName.lastIndexOf('.')
+      let fileSuffix = oldFileName.substring(index1+1, oldFileName.length)
+      fileSuffix = fileSuffix.toLowerCase()
+      oldFileName = oldFileName.substring(0, index1)
+      if (fileSuffix == 'pdf' || fileSuffix == 'doc' || fileSuffix == 'docx'){
+        window.open(onlyOfficeUrl + '/viewHistoryOnlyOffice?oldFileName=' + oldFileName + '&fileType=' + fileSuffix +
+                '&attId=' + item.id + '&key=' + key + '&userName=' + this.$store.getters.userInfo.uName)
+      }else{
+        this.$message.warning('此文件不支持onlyoffice预览')
+      }
+    },
     filterOp (data) {
       if (!data) {
         return ''
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/common/formEditListFb.vue b/src/pages/processCenter/pages/creatProcess/qbrk/common/formEditListFb.vue
index 3b0979e14..cda58121f 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/common/formEditListFb.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/common/formEditListFb.vue
@@ -229,14 +229,25 @@
               clearable
             />
             <div style="display: flex;justify-content: space-between;margin-left: 12px;">
-              <div style="width: 80%;margin-top: 13px">
+              <div v-if="isTrue" style="width: 80%;margin-top: 13px">
                 <div v-for="(item,index) in LSBBBUSSFileList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
                   <span style="" :title="item.name" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
+                  <span style="margin-left: 7px;">
+                          <i class="el-icon-view" style="font-size: 18px" title="预览" @click="viewOnlyOffice(item)" />
+                     </span>
 <!--                  <span v-if="item.id !== ''" style="margin-left: 7px;">-->
 <!--                    <i class="el-icon-download" title="下载" @click="handleFilePreview(item,'down')" />-->
 <!--                  </span>-->
                 </div>
               </div>
+              <div v-if="!isTrue" style="width: 80%;margin-top: 13px">
+                <div v-for="(item,index) in LSBBBUSSFileList" :key="index" style="color: #409eff;cursor:pointer" class="fileClass">
+                  <span style="" :title="item.name" @click="handleFilePreview(item,'preview')">{{ item.name }}</span>
+                  <!--                  <span v-if="item.id !== ''" style="margin-left: 7px;">-->
+                  <!--                    <i class="el-icon-download" title="下载" @click="handleFilePreview(item,'down')" />-->
+                  <!--                  </span>-->
+                </div>
+              </div>
               <div style="width: 20%;">
                 <el-button
                   type="primary"
@@ -767,6 +778,7 @@
 
 <script>
 import { mapGetters } from 'vuex'
+import { onlyOfficeUrl } from '@/sysConfig'
 import ProcessTitle from '../../../components/ProcessTitle'
 import CurrentOrder from '@/pages/processCenter/pages/components/CurrentOrder';
 
@@ -999,6 +1011,20 @@ export default {
     }
   },
   methods: {
+    viewOnlyOffice (item) {
+      const key = new Date().getTime()
+      let oldFileName = item.name
+      let index1 = oldFileName.lastIndexOf('.')
+      let fileSuffix = oldFileName.substring(index1+1, oldFileName.length)
+      fileSuffix = fileSuffix.toLowerCase()
+      oldFileName = oldFileName.substring(0, index1)
+      if (fileSuffix == 'pdf' || fileSuffix == 'doc' || fileSuffix == 'docx'){
+        window.open(onlyOfficeUrl + '/viewHistoryOnlyOffice?oldFileName=' + oldFileName + '&fileType=' + fileSuffix +
+                '&attId=' + item.id + '&key=' + key + '&userName=' + this.$store.getters.userInfo.uName)
+      }else{
+        this.$message.warning('此文件不支持onlyoffice预览')
+      }
+    },
     queryOrder () {
       this.$refs.CurrentOrderRef.open(this.form.standSort, this.form.standNum)
     },
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/common/formList.vue b/src/pages/processCenter/pages/creatProcess/qbrk/common/formList.vue
index 788441b95..63461c99a 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/common/formList.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/common/formList.vue
@@ -173,17 +173,36 @@
             <!--          </div>-->
           </el-form-item>
           <el-form-item label="历史版本" prop="LSBBBUSSName" class="add-form-item form-item-disabled">
-            <div
-              v-for="(item,index) in LSBBBUSSFileList"
-              v-if="LSBBBUSSFileList.length > 0"
-              :key="index"
-              style="color: #409eff;cursor:pointer;margin-left: 12px;margin-top: 13px"
-              class="fileClass"
-            >
-              <span style="" :title="item.name" @click="handleFilePreview(item,'preview')"> {{ item.name }}</span>
-<!--              <span v-if="item.id !== ''" style="margin-left: 7px;">-->
-<!--                <i class="el-icon-download" title="下载" @click="handleFilePreview(item,'down')" />-->
-<!--              </span>-->
+            <div v-if="isTrue || titleName == '企标编写'">
+              <div
+                      v-for="(item,index) in LSBBBUSSFileList"
+                      v-if="LSBBBUSSFileList.length > 0"
+                      :key="index"
+                      style="color: #409eff;cursor:pointer;margin-left: 12px;margin-top: 13px"
+                      class="fileClass"
+              >
+                <span style="" :title="item.name" @click="handleFilePreview(item,'preview')"> {{ item.name }}</span>
+                <span style="margin-left: 7px;">
+                          <i class="el-icon-view" style="font-size: 18px" title="预览" @click="viewOnlyOffice(item)" />
+                </span>
+                <!--              <span v-if="item.id !== ''" style="margin-left: 7px;">-->
+                <!--                <i class="el-icon-download" title="下载" @click="handleFilePreview(item,'down')" />-->
+                <!--              </span>-->
+              </div>
+            </div>
+            <div v-else>
+              <div
+                      v-for="(item,index) in LSBBBUSSFileList"
+                      v-if="LSBBBUSSFileList.length > 0"
+                      :key="index"
+                      style="color: #409eff;cursor:pointer;margin-left: 12px;margin-top: 13px"
+                      class="fileClass"
+              >
+                <span style="" :title="item.name" @click="handleFilePreview(item,'preview')"> {{ item.name }}</span>
+                <!--              <span v-if="item.id !== ''" style="margin-left: 7px;">-->
+                <!--                <i class="el-icon-download" title="下载" @click="handleFilePreview(item,'down')" />-->
+                <!--              </span>-->
+              </div>
             </div>
             <!--          <div  v-if="LSBBBUSSFileList.length>0" v-for="(value,index)  in this.LSBBBUSSFileList" :key="index" style="cursor: pointer;color: #00b7ee"  @click="downloadFile(value)">-->
             <!--            &lt;!&ndash; {{ value.name }} &ndash;&gt;-->
@@ -597,6 +616,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import ProcessTitle from '../../../components/ProcessTitle'
+import { onlyOfficeUrl } from '@/sysConfig'
 import axios from 'axios';
 
 export default {
@@ -676,6 +696,10 @@ export default {
       type: Boolean,
       default: false
     },
+    titleName: {
+      type: String,
+      default: ''
+    }
   },
   data () {
     return {
@@ -741,6 +765,20 @@ export default {
     this.getDataAsync()
   },
   methods: {
+    viewOnlyOffice (item) {
+      const key = new Date().getTime()
+      let oldFileName = item.name
+      let index1 = oldFileName.lastIndexOf('.')
+      let fileSuffix = oldFileName.substring(index1+1, oldFileName.length)
+      fileSuffix = fileSuffix.toLowerCase()
+      oldFileName = oldFileName.substring(0, index1)
+      if (fileSuffix == 'pdf' || fileSuffix == 'doc' || fileSuffix == 'docx'){
+        window.open(onlyOfficeUrl + '/viewHistoryOnlyOffice?oldFileName=' + oldFileName + '&fileType=' + fileSuffix +
+                '&attId=' + item.id + '&key=' + key + '&userName=' + this.$store.getters.userInfo.uName)
+      }else{
+        this.$message.warning('此文件不支持onlyoffice预览')
+      }
+    },
     filterOp (data) {
       if (!data) {
         return ''
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/step1-2.vue b/src/pages/processCenter/pages/creatProcess/qbrk/step1-2.vue
index fb7c782fd..150917d78 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/step1-2.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/step1-2.vue
@@ -172,6 +172,9 @@
                         class="fileClass"
                       >
                         <span style="" :title="item.name" @click="handleFilePreview2(item,'preview')"> {{ item.name }}</span>
+                        <span style="margin-left: 7px;">
+                          <i class="el-icon-view" style="font-size: 18px" title="预览" @click="viewOnlyOffice(item)" />
+                        </span>
 <!--                        <span v-if="item.id !== ''" style="margin-left: 7px;">-->
 <!--                          <i class="el-icon-download" title="下载" @click="handleFilePreview2(item,'down')" />-->
 <!--                        </span>-->
@@ -1513,6 +1516,7 @@
 import ProcessHeader from '../../components/ProcessHeader'
 import ProcessFooter from '../../components/ProcessFooter'
 import ProcessTitle from '../../components/ProcessTitle'
+import { onlyOfficeUrl } from '@/sysConfig'
 import ReceiptDescription from '@/components/hzwlComponents/ReceiptDescription'
 import {
   saveTaskFirst,
@@ -3090,6 +3094,20 @@ export default {
       }, e => {
       })
     },
+    viewOnlyOffice (item) {
+      const key = new Date().getTime()
+      let oldFileName = item.name
+      let index1 = oldFileName.lastIndexOf('.')
+      let fileSuffix = oldFileName.substring(index1+1, oldFileName.length)
+      fileSuffix = fileSuffix.toLowerCase()
+      oldFileName = oldFileName.substring(0, index1)
+      if (fileSuffix == 'pdf' || fileSuffix == 'doc' || fileSuffix == 'docx'){
+        window.open(onlyOfficeUrl + '/viewHistoryOnlyOffice?oldFileName=' + oldFileName + '&fileType=' + fileSuffix +
+                '&attId=' + item.id + '&key=' + key + '&userName=' + this.$store.getters.userInfo.uName)
+      }else{
+        this.$message.warning('此文件不支持onlyoffice预览')
+      }
+    },
     beginImportFile (file) {
       const filename = file.name
       const index1 = filename.lastIndexOf('.')
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/step1.vue b/src/pages/processCenter/pages/creatProcess/qbrk/step1.vue
index 760060c06..4570ec728 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/step1.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/step1.vue
@@ -253,9 +253,12 @@
                         :key="index"
                         style="color: #409eff;cursor:pointer;margin-left: 12px;"
                         class="fileClass"
-                        @click="handleFilePreview(item)"
                       >
+<!--                         @click="handleFilePreview(item)"-->
                         <span style="" :title="item.name" @click="handleFilePreview2(item,'preview')"> {{ item.name }}</span>
+                        <span style="margin-left: 7px;">
+                          <i class="el-icon-view" style="font-size: 18px" title="预览" @click="viewOnlyOffice(item)" />
+                        </span>
 <!--                        <span v-if="item.id !== ''" style="margin-left: 7px;">-->
 <!--                          <i class="el-icon-download" title="下载" @click="handleFilePreview2(item,'down')" />-->
 <!--                        </span>-->
@@ -1776,6 +1779,7 @@ import TreeSelectNew from '@/components/treeSelect/treeSelectNew.vue';
 import treeSelectModule from '@/components/treeSelect/treeSelectModule.vue';
 import { selectByIdAtt } from '@/api/flow/index.js'
 import ReceiptDescription from '@/components/hzwlComponents/ReceiptDescription'
+import { onlyOfficeUrl } from '@/sysConfig'
 
 const Base64 = require('js-base64').Base64;
 
@@ -2700,6 +2704,20 @@ export default {
         XCSJBUSS: this.dateFormatter(),
       } // 标准信息
     },
+    viewOnlyOffice (item) {
+      const key = new Date().getTime()
+      let oldFileName = item.name
+      let index1 = oldFileName.lastIndexOf('.')
+      let fileSuffix = oldFileName.substring(index1+1, oldFileName.length)
+      fileSuffix = fileSuffix.toLowerCase()
+      oldFileName = oldFileName.substring(0, index1)
+      if (fileSuffix == 'pdf' || fileSuffix == 'doc' || fileSuffix == 'docx'){
+        window.open(onlyOfficeUrl + '/viewHistoryOnlyOffice?oldFileName=' + oldFileName + '&fileType=' + fileSuffix +
+                '&attId=' + item.id + '&key=' + key + '&userName=' + this.$store.getters.userInfo.uName)
+      }else{
+         this.$message.warning('此文件不支持onlyoffice预览')
+      }
+    },
     filterObj (obj) {
       if (obj && obj !== '') {
         if (obj instanceof Array) {
@@ -3833,6 +3851,7 @@ export default {
       } else {
         attId = file.response.data.id
       }
+      console.log(file);
       if (file.name == this.form.standName) {
         let fileName = ''
         let fileNam2 = ''
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/step10.vue b/src/pages/processCenter/pages/creatProcess/qbrk/step10.vue
index 4404a4b9a..d54f09dac 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/step10.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/step10.vue
@@ -9,7 +9,7 @@
 <!--        <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">模块信息</div>-->
         <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1'">
         <el-form
                 ref="form"
                 :model="form"
@@ -17,7 +17,7 @@
                 class="label-input-form"
                 label-width="210px"
         >
-            <div style="flex: auto;" v-show="active === '1'">
+            <div style="flex: auto;" >
                 <formList
                         :form = "form"
                         :FBGBUSSFileList = "FBGBUSSFileList"
@@ -64,75 +64,80 @@
                 <!--    </el-collapse>-->
                 <!--</div>-->
             </div>
-            <div class="block" style="padding-top: 20px;" v-show="active === '3'">
-                <div class="flow-list">
-                    <el-table
-                            :height="tablePHeight"
-                            ref="selection"
-                            :data="detailData"
-                            tooltip-effect="dark"
-                            style="width: 100%"
-                            border
-                            row-key="id"
-                            :no-data-text="listNoDataText"
-                            :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-                    >
-                      <el-table-column
-                          type="index"
-                          width="55"
-                          label="序号"
-                          align="center">
-                      </el-table-column>
-                        <el-table-column
-                                prop="name"
-                                label="任务步骤"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="assignee"
-                                label="任务受理人"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="createTime"
-                                label="创建时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="endTime"
-                                label="完成时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="comment"
-                                label="流程信息"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{scope.row.commentText}}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="completeFlag"
-                                label="状态"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                            </template>
-                        </el-table-column>
-                    </el-table>
-                    <loading :loading="loading">流程列表加载中</loading>
-                </div>
-            </div>
         </el-form>
     </div>
+    <div class="content" v-if="active === '3'">
+        <processNodeInformation
+                :prcId="this.$route.query.prcId"
+                :prcType="this.$route.query.prcType"
+                :prcNum="this.$route.query.prcNum"
+        />
+<!--        <div class="flow-list">-->
+<!--            <el-table-->
+<!--                    :height="tablePHeight"-->
+<!--                    ref="selection"-->
+<!--                    :data="detailData"-->
+<!--                    tooltip-effect="dark"-->
+<!--                    style="width: 100%"-->
+<!--                    border-->
+<!--                    row-key="id"-->
+<!--                    :no-data-text="listNoDataText"-->
+<!--                    :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+<!--            >-->
+<!--                <el-table-column-->
+<!--                        type="index"-->
+<!--                        width="55"-->
+<!--                        label="序号"-->
+<!--                        align="center">-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="name"-->
+<!--                        label="任务步骤"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="assignee"-->
+<!--                        label="任务受理人"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="createTime"-->
+<!--                        label="创建时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="endTime"-->
+<!--                        label="完成时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="comment"-->
+<!--                        label="流程信息"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{scope.row.commentText}}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="completeFlag"-->
+<!--                        label="状态"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--            </el-table>-->
+<!--            <loading :loading="loading">流程列表加载中</loading>-->
+<!--        </div>-->
+    </div>
     <!--        保存||提交-->
     <ProcessFooter
             v-show="verifySarStandard"
@@ -2300,7 +2305,7 @@
         },
         mounted () {
             this.getData()
-            this.processTable()
+            // this.processTable()
             this.$http.get('sys/dictype/getDicTypeListCode', '', {
                 _this: this
             }, res => {
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/step11-1.vue b/src/pages/processCenter/pages/creatProcess/qbrk/step11-1.vue
index 3c19e32b5..89e693696 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/step11-1.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/step11-1.vue
@@ -9,7 +9,7 @@
         <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">会签评分</div>
         <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1' || active === '2'">
         <el-form
                 ref="form"
                 :model="form"
@@ -69,69 +69,74 @@
             <div class="block" id="active2" v-show="active === '2'">
               <AllScore></AllScore>
             </div>
-            <div class="block" style="padding-top: 20px;" v-show="active === '3'">
-                <div class="flow-list">
-                    <el-table
-                            :height="tablePHeight"
-                            ref="selection"
-                            :data="detailData"
-                            tooltip-effect="dark"
-                            style="width: 100%"
-                            border
-                            row-key="id"
-                            :no-data-text="listNoDataText"
-                            :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-                    >
-                        <el-table-column
-                                prop="name"
-                                label="任务步骤"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="assignee"
-                                label="任务受理人"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="createTime"
-                                label="创建时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="endTime"
-                                label="完成时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="comment"
-                                label="流程信息"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{scope.row.commentText}}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="completeFlag"
-                                label="状态"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                            </template>
-                        </el-table-column>
-                    </el-table>
-                    <loading :loading="loading">流程列表加载中</loading>
-                </div>
-            </div>
         </el-form>
     </div>
+    <div class="content" v-if="active === '3'">
+        <processNodeInformation
+                :prcId="this.$route.query.prcId"
+                :prcType="this.$route.query.prcType"
+                :prcNum="this.$route.query.prcNum"
+        />
+<!--        <div class="flow-list">-->
+<!--            <el-table-->
+<!--                    :height="tablePHeight"-->
+<!--                    ref="selection"-->
+<!--                    :data="detailData"-->
+<!--                    tooltip-effect="dark"-->
+<!--                    style="width: 100%"-->
+<!--                    border-->
+<!--                    row-key="id"-->
+<!--                    :no-data-text="listNoDataText"-->
+<!--                    :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+<!--            >-->
+<!--                <el-table-column-->
+<!--                        prop="name"-->
+<!--                        label="任务步骤"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="assignee"-->
+<!--                        label="任务受理人"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="createTime"-->
+<!--                        label="创建时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="endTime"-->
+<!--                        label="完成时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="comment"-->
+<!--                        label="流程信息"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{scope.row.commentText}}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="completeFlag"-->
+<!--                        label="状态"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--            </el-table>-->
+<!--            <loading :loading="loading">流程列表加载中</loading>-->
+<!--        </div>-->
+    </div>
     <!--        保存||提交-->
     <ProcessFooter
         v-if="false"
@@ -2314,7 +2319,7 @@
         },
         created () {
             this.getData()
-            this.processTable()
+            // this.processTable()
             this.$http.get('sys/dictype/getDicTypeListCode', '', {
                 _this: this
             }, res => {
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/step11.vue b/src/pages/processCenter/pages/creatProcess/qbrk/step11.vue
index bd8d08ac6..e3f8eb3df 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/step11.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/step11.vue
@@ -9,7 +9,7 @@
 <!--        <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">模块信息</div>-->
         <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1'">
         <el-form
                 ref="form"
                 :model="form"
@@ -17,7 +17,7 @@
                 class="label-input-form"
                 label-width="210px"
         >
-            <div style="flex: auto;" v-show="active === '1'">
+            <div style="flex: auto;" >
                 <formList
                         :form = "form"
                         :FBGBUSSFileList = "FBGBUSSFileList"
@@ -64,75 +64,80 @@
                 <!--    </el-collapse>-->
                 <!--</div>-->
             </div>
-            <div class="block" style="padding-top: 20px;" v-show="active === '3'">
-                <div class="flow-list">
-                    <el-table
-                            :height="tablePHeight"
-                            ref="selection"
-                            :data="detailData"
-                            tooltip-effect="dark"
-                            style="width: 100%"
-                            border
-                            row-key="id"
-                            :no-data-text="listNoDataText"
-                            :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-                    >
-                      <el-table-column
-                          type="index"
-                          width="55"
-                          label="序号"
-                          align="center">
-                      </el-table-column>
-                        <el-table-column
-                                prop="name"
-                                label="任务步骤"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="assignee"
-                                label="任务受理人"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="createTime"
-                                label="创建时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="endTime"
-                                label="完成时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="comment"
-                                label="流程信息"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{scope.row.commentText}}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="completeFlag"
-                                label="状态"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                            </template>
-                        </el-table-column>
-                    </el-table>
-                    <loading :loading="loading">流程列表加载中</loading>
-                </div>
-            </div>
         </el-form>
     </div>
+    <div class="content" v-if="active === '3'">
+        <processNodeInformation
+                :prcId="this.$route.query.prcId"
+                :prcType="this.$route.query.prcType"
+                :prcNum="this.$route.query.prcNum"
+        />
+<!--        <div class="flow-list">-->
+<!--            <el-table-->
+<!--                    :height="tablePHeight"-->
+<!--                    ref="selection"-->
+<!--                    :data="detailData"-->
+<!--                    tooltip-effect="dark"-->
+<!--                    style="width: 100%"-->
+<!--                    border-->
+<!--                    row-key="id"-->
+<!--                    :no-data-text="listNoDataText"-->
+<!--                    :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+<!--            >-->
+<!--                <el-table-column-->
+<!--                        type="index"-->
+<!--                        width="55"-->
+<!--                        label="序号"-->
+<!--                        align="center">-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="name"-->
+<!--                        label="任务步骤"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="assignee"-->
+<!--                        label="任务受理人"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="createTime"-->
+<!--                        label="创建时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="endTime"-->
+<!--                        label="完成时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="comment"-->
+<!--                        label="流程信息"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{scope.row.commentText}}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="completeFlag"-->
+<!--                        label="状态"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--            </el-table>-->
+<!--            <loading :loading="loading">流程列表加载中</loading>-->
+<!--        </div>-->
+    </div>
     <!--        保存||提交-->
     <ProcessFooter
             v-show="verifySarStandard"
@@ -2297,7 +2302,7 @@
         },
         mounted () {
             this.getData()
-            this.processTable()
+            // this.processTable()
             this.$http.get('sys/dictype/getDicTypeListCode', '', {
                 _this: this
             }, res => {
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/step12.vue b/src/pages/processCenter/pages/creatProcess/qbrk/step12.vue
index ce9eae7ca..b400df8d6 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/step12.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/step12.vue
@@ -10,7 +10,7 @@
       <!--        <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">模块信息</div>-->
       <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1'">
       <el-form
         ref="form"
         :model="form"
@@ -18,7 +18,7 @@
         class="label-input-form"
         label-width="210px"
       >
-        <div v-show="active === '1'" style="flex: auto;">
+        <div style="flex: auto;">
           <formEditList
             :key="formKey"
             :formSub="form"
@@ -79,80 +79,85 @@
         <!--    </el-collapse>-->
         <!--</div>-->
         </div>
-        <div v-show="active === '3'" class="block" style="padding-top: 20px;">
-          <div class="flow-list">
-            <el-table
-              ref="selection"
-              :height="tablePHeight"
-              :data="detailData"
-              tooltip-effect="dark"
-              style="width: 100%"
-              border
-              row-key="id"
-              :no-data-text="listNoDataText"
-              :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-            >
-              <el-table-column
-                type="index"
-                width="55"
-                label="序号"
-                align="center"
-                <
-                el-table-column
-              >
-                <el-table-column
-                  prop="name"
-                  label="任务步骤"
-                  align="center"
-                />
-                <el-table-column
-                  prop="assignee"
-                  label="任务受理人"
-                  align="center"
-                />
-                <el-table-column
-                  prop="createTime"
-                  label="创建时间"
-                  align="center"
-                >
-                  <template slot-scope="scope">
-                    <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                  </template>
-                </el-table-column>
-                <el-table-column
-                  prop="endTime"
-                  label="完成时间"
-                  align="center"
-                >
-                  <template slot-scope="scope">
-                    <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                  </template>
-                </el-table-column>
-                <el-table-column
-                  prop="comment"
-                  label="流程信息"
-                  align="center"
-                >
-                  <template slot-scope="scope">
-                    <span>{{ scope.row.commentText }}</span>
-                  </template>
-                </el-table-column>
-                <el-table-column
-                  prop="completeFlag"
-                  label="状态"
-                  align="center"
-                >
-                  <template slot-scope="scope">
-                    <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                  </template>
-                </el-table-column>
-              </el-table-column>
-            </el-table>
-            <loading :loading="loading">流程列表加载中</loading>
-          </div>
-        </div>
       </el-form>
     </div>
+    <div v-if="active === '3'" class="content">
+      <processNodeInformation
+              :prcId="this.$route.query.prcId"
+              :prcType="this.$route.query.prcType"
+              :prcNum="this.$route.query.prcNum"
+      />
+<!--      <div class="flow-list">-->
+<!--        <el-table-->
+<!--                ref="selection"-->
+<!--                :height="tablePHeight"-->
+<!--                :data="detailData"-->
+<!--                tooltip-effect="dark"-->
+<!--                style="width: 100%"-->
+<!--                border-->
+<!--                row-key="id"-->
+<!--                :no-data-text="listNoDataText"-->
+<!--                :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+<!--        >-->
+<!--          <el-table-column-->
+<!--                  type="index"-->
+<!--                  width="55"-->
+<!--                  label="序号"-->
+<!--                  align="center"-->
+<!--          <-->
+<!--          el-table-column-->
+<!--          >-->
+<!--          <el-table-column-->
+<!--                  prop="name"-->
+<!--                  label="任务步骤"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="assignee"-->
+<!--                  label="任务受理人"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="createTime"-->
+<!--                  label="创建时间"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="endTime"-->
+<!--                  label="完成时间"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="comment"-->
+<!--                  label="流程信息"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.commentText }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="completeFlag"-->
+<!--                  label="状态"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          </el-table-column>-->
+<!--        </el-table>-->
+<!--        <loading :loading="loading">流程列表加载中</loading>-->
+<!--      </div>-->
+    </div>
     <!--        保存||提交-->
     <ProcessFooter
       v-show="verifySarStandard"
@@ -1115,7 +1120,7 @@ export default {
   mounted () {
     // this.getTaskId()
     this.getData()
-    this.processTable()
+    // this.processTable()
     this.$http.get('sys/dictype/getDicTypeListCode', '', {
       _this: this
     }, res => {
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/step13.vue b/src/pages/processCenter/pages/creatProcess/qbrk/step13.vue
index d7d823b21..81f63a766 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/step13.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/step13.vue
@@ -10,7 +10,7 @@
       <!--        <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">模块信息</div>-->
       <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1'">
       <el-form
         ref="form"
         :model="form"
@@ -18,7 +18,7 @@
         class="label-input-form"
         label-width="210px"
       >
-        <div v-show="active === '1'" style="flex: auto;">
+        <div style="flex: auto;">
           <formEditList
             :key="formKey"
             :form="form"
@@ -84,77 +84,82 @@
         <!--    </el-collapse>-->
         <!--</div>-->
         </div>
-        <div v-show="active === '3'" class="block" style="padding-top: 20px;">
-          <div class="flow-list">
-            <el-table
-              ref="selection"
-              :height="tablePHeight"
-              :data="detailData"
-              tooltip-effect="dark"
-              style="width: 100%"
-              border
-              row-key="id"
-              :no-data-text="listNoDataText"
-              :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-            >
-              <el-table-column
-                type="index"
-                width="55"
-                label="序号"
-                align="center"
-              />
-              <el-table-column
-                prop="name"
-                label="任务步骤"
-                align="center"
-              />
-              <el-table-column
-                prop="assignee"
-                label="任务受理人"
-                align="center"
-              />
-              <el-table-column
-                prop="createTime"
-                label="创建时间"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="endTime"
-                label="完成时间"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="comment"
-                label="流程信息"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.commentText }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="completeFlag"
-                label="状态"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                </template>
-              </el-table-column>
-            </el-table>
-            <loading :loading="loading">流程列表加载中</loading>
-          </div>
-        </div>
       </el-form>
     </div>
+    <div v-if="active === '3'" class="content">
+      <processNodeInformation
+              :prcId="this.$route.query.prcId"
+              :prcType="this.$route.query.prcType"
+              :prcNum="this.$route.query.prcNum"
+      />
+<!--      <div class="flow-list">-->
+<!--        <el-table-->
+<!--                ref="selection"-->
+<!--                :height="tablePHeight"-->
+<!--                :data="detailData"-->
+<!--                tooltip-effect="dark"-->
+<!--                style="width: 100%"-->
+<!--                border-->
+<!--                row-key="id"-->
+<!--                :no-data-text="listNoDataText"-->
+<!--                :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+<!--        >-->
+<!--          <el-table-column-->
+<!--                  type="index"-->
+<!--                  width="55"-->
+<!--                  label="序号"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="name"-->
+<!--                  label="任务步骤"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="assignee"-->
+<!--                  label="任务受理人"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="createTime"-->
+<!--                  label="创建时间"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="endTime"-->
+<!--                  label="完成时间"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="comment"-->
+<!--                  label="流程信息"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.commentText }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="completeFlag"-->
+<!--                  label="状态"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--        </el-table>-->
+<!--        <loading :loading="loading">流程列表加载中</loading>-->
+<!--      </div>-->
+    </div>
     <!--        保存||提交-->
     <ProcessFooter
       v-show="verifySarStandard"
@@ -1222,7 +1227,7 @@ export default {
   mounted () {
     // this.getTaskId()
     this.getData()
-    this.processTable()
+    // this.processTable()
     this.$http.get('sys/dictype/getDicTypeListCode', '', {
       _this: this
     }, res => {
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/step2.vue b/src/pages/processCenter/pages/creatProcess/qbrk/step2.vue
index 9be5589c5..5fac84d9b 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/step2.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/step2.vue
@@ -11,7 +11,7 @@
 <!--        <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">模块信息</div>-->
         <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1' || active === '2'">
         <el-form
                 ref="form"
                 :model="form"
@@ -145,6 +145,7 @@
             <div style="flex: auto;" v-show="form.fsRejectStatus === 2 ? active === '2' : active === '1'">
                 <formList
                         :form = "form"
+                        :titleName="'企标编写'"
                         :FBGBUSSFileList = "FBGBUSSFileList"
                         :LSBBBUSSFileList = "LSBBBUSSFileList"
                         :BZSMBUSSFileList = "BZSMBUSSFileList"
@@ -187,75 +188,80 @@
                 <!--    </el-collapse>-->
                 <!--</div>-->
             </div>
-            <div class="block" style="padding-top: 20px;" v-show="active === '3'">
-                <div class="flow-list">
-                    <el-table
-                            :height="tablePHeight"
-                            ref="selection"
-                            :data="detailData"
-                            tooltip-effect="dark"
-                            style="width: 100%"
-                            border
-                            row-key="id"
-                            :no-data-text="listNoDataText"
-                            :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-                    >
-                      <el-table-column
-                          type="index"
-                          width="55"
-                          label="序号"
-                          align="center">
-                      </el-table-column>
-                        <el-table-column
-                                prop="name"
-                                label="任务步骤"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="assignee"
-                                label="任务受理人"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="createTime"
-                                label="创建时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="endTime"
-                                label="完成时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="comment"
-                                label="流程信息"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{scope.row.commentText}}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="completeFlag"
-                                label="状态"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                            </template>
-                        </el-table-column>
-                    </el-table>
-                    <loading :loading="loading">流程列表加载中</loading>
-                </div>
-            </div>
         </el-form>
     </div>
+    <div class="content" v-if="active === '3'">
+        <processNodeInformation
+                :prcId="this.$route.query.prcId"
+                :prcType="this.$route.query.prcType"
+                :prcNum="this.$route.query.prcNum"
+        />
+        <!--                <div class="flow-list">-->
+        <!--                    <el-table-->
+        <!--                            :height="tablePHeight"-->
+        <!--                            ref="selection"-->
+        <!--                            :data="detailData"-->
+        <!--                            tooltip-effect="dark"-->
+        <!--                            style="width: 100%"-->
+        <!--                            border-->
+        <!--                            row-key="id"-->
+        <!--                            :no-data-text="listNoDataText"-->
+        <!--                            :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+        <!--                    >-->
+        <!--                      <el-table-column-->
+        <!--                          type="index"-->
+        <!--                          width="55"-->
+        <!--                          label="序号"-->
+        <!--                          align="center">-->
+        <!--                      </el-table-column>-->
+        <!--                        <el-table-column-->
+        <!--                                prop="name"-->
+        <!--                                label="任务步骤"-->
+        <!--                                align="center"-->
+        <!--                        >-->
+        <!--                        </el-table-column>-->
+        <!--                        <el-table-column-->
+        <!--                                prop="assignee"-->
+        <!--                                label="任务受理人"-->
+        <!--                                align="center"-->
+        <!--                        >-->
+        <!--                        </el-table-column>-->
+        <!--                        <el-table-column-->
+        <!--                                prop="createTime"-->
+        <!--                                label="创建时间"-->
+        <!--                                align="center">-->
+        <!--                            <template slot-scope="scope">-->
+        <!--                                <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+        <!--                            </template>-->
+        <!--                        </el-table-column>-->
+        <!--                        <el-table-column-->
+        <!--                                prop="endTime"-->
+        <!--                                label="完成时间"-->
+        <!--                                align="center">-->
+        <!--                            <template slot-scope="scope">-->
+        <!--                                <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+        <!--                            </template>-->
+        <!--                        </el-table-column>-->
+        <!--                        <el-table-column-->
+        <!--                                prop="comment"-->
+        <!--                                label="流程信息"-->
+        <!--                                align="center">-->
+        <!--                            <template slot-scope="scope">-->
+        <!--                                <span>{{scope.row.commentText}}</span>-->
+        <!--                            </template>-->
+        <!--                        </el-table-column>-->
+        <!--                        <el-table-column-->
+        <!--                                prop="completeFlag"-->
+        <!--                                label="状态"-->
+        <!--                                align="center">-->
+        <!--                            <template slot-scope="scope">-->
+        <!--                                <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+        <!--                            </template>-->
+        <!--                        </el-table-column>-->
+        <!--                    </el-table>-->
+        <!--                    <loading :loading="loading">流程列表加载中</loading>-->
+        <!--                </div>-->
+    </div>
     <!--        保存||提交-->
     <ProcessFooter
             v-show="verifySarStandard"
@@ -2661,7 +2667,7 @@
         mounted () {
             this.getTaskId()
             this.getData()
-            this.processTable()
+            // this.processTable()
             this.tablePHeight = $('.content').height()
             window.onresize = () => {
                 this.tablePHeight = $('.content').height()
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/step3.vue b/src/pages/processCenter/pages/creatProcess/qbrk/step3.vue
index 5c5a6f145..322c60fd7 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/step3.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/step3.vue
@@ -10,7 +10,7 @@
       <!--        <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">模块信息</div>-->
       <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1'">
       <el-form
         ref="form"
         :model="form"
@@ -18,7 +18,7 @@
         class="label-input-form"
         label-width="210px"
       >
-        <div v-show="active === '1'" style="flex: auto;">
+        <div style="flex: auto;">
           <formEditList
             :key="formKey"
             :formSub="form"
@@ -125,77 +125,82 @@
         <!--    </el-collapse>-->
         <!--</div>-->
         </div>
-        <div v-show="active === '3'" class="block" style="padding-top: 20px;">
-          <div class="flow-list">
-            <el-table
-              ref="selection"
-              :height="tablePHeight"
-              :data="detailData"
-              tooltip-effect="dark"
-              style="width: 100%"
-              border
-              row-key="id"
-              :no-data-text="listNoDataText"
-              :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-            >
-              <el-table-column
-                type="index"
-                width="55"
-                label="序号"
-                align="center"
-              />
-              <el-table-column
-                prop="name"
-                label="任务步骤"
-                align="center"
-              />
-              <el-table-column
-                prop="assignee"
-                label="任务受理人"
-                align="center"
-              />
-              <el-table-column
-                prop="createTime"
-                label="创建时间"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="endTime"
-                label="完成时间"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="comment"
-                label="流程信息"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.commentText }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="completeFlag"
-                label="状态"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                </template>
-              </el-table-column>
-            </el-table>
-            <loading :loading="loading">流程列表加载中</loading>
-          </div>
-        </div>
       </el-form>
     </div>
+    <div v-if="active === '3'" class="content">
+      <processNodeInformation
+              :prcId="this.$route.query.prcId"
+              :prcType="this.$route.query.prcType"
+              :prcNum="this.$route.query.prcNum"
+      />
+<!--      <div class="flow-list">-->
+<!--        <el-table-->
+<!--                ref="selection"-->
+<!--                :height="tablePHeight"-->
+<!--                :data="detailData"-->
+<!--                tooltip-effect="dark"-->
+<!--                style="width: 100%"-->
+<!--                border-->
+<!--                row-key="id"-->
+<!--                :no-data-text="listNoDataText"-->
+<!--                :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+<!--        >-->
+<!--          <el-table-column-->
+<!--                  type="index"-->
+<!--                  width="55"-->
+<!--                  label="序号"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="name"-->
+<!--                  label="任务步骤"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="assignee"-->
+<!--                  label="任务受理人"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="createTime"-->
+<!--                  label="创建时间"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="endTime"-->
+<!--                  label="完成时间"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="comment"-->
+<!--                  label="流程信息"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.commentText }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="completeFlag"-->
+<!--                  label="状态"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--        </el-table>-->
+<!--        <loading :loading="loading">流程列表加载中</loading>-->
+<!--      </div>-->
+    </div>
     <!--        保存||提交-->
     <ProcessFooter
       v-show="verifySarStandard"
@@ -1149,7 +1154,7 @@ export default {
   mounted () {
     // this.getTaskId()
     this.getData()
-    this.processTable()
+    // this.processTable()
     this.$http.get('sys/dictype/getDicTypeListCode', '', {
       _this: this
     }, res => {
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/step4.vue b/src/pages/processCenter/pages/creatProcess/qbrk/step4.vue
index 096d24c61..7253830e4 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/step4.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/step4.vue
@@ -1,4 +1,5 @@
-<template><div class="bzrkStep1">
+<template>
+    <div class="bzrkStep1">
     <!--        标准入库流程-->
     <ProcessHeader toggle>
         <template slot="proName">企标制修订-技术标准</template>
@@ -9,7 +10,7 @@
 <!--        <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">模块信息</div>-->
         <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1'">
         <el-form
                 ref="form"
                 :model="form"
@@ -17,7 +18,7 @@
                 class="label-input-form"
                 label-width="210px"
         >
-            <div style="flex: auto;" v-show="active === '1'">
+            <div style="flex: auto;">
                 <formList
                         :form = "form"
                         :isTrue="false"
@@ -67,75 +68,80 @@
                 <!--    </el-collapse>-->
                 <!--</div>-->
             </div>
-            <div class="block" style="padding-top: 20px;" v-show="active === '3'">
-                <div class="flow-list">
-                    <el-table
-                            :height="tablePHeight"
-                            ref="selection"
-                            :data="detailData"
-                            tooltip-effect="dark"
-                            style="width: 100%"
-                            border
-                            row-key="id"
-                            :no-data-text="listNoDataText"
-                            :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-                    >
-                      <el-table-column
-                          type="index"
-                          width="55"
-                          label="序号"
-                          align="center">
-                      </el-table-column>
-                        <el-table-column
-                                prop="name"
-                                label="任务步骤"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="assignee"
-                                label="任务受理人"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="createTime"
-                                label="创建时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="endTime"
-                                label="完成时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="comment"
-                                label="流程信息"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{scope.row.commentText}}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="completeFlag"
-                                label="状态"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                            </template>
-                        </el-table-column>
-                    </el-table>
-                    <loading :loading="loading">流程列表加载中</loading>
-                </div>
-            </div>
         </el-form>
     </div>
+    <div class="content" v-if="active === '3'">
+        <processNodeInformation
+                :prcId="this.$route.query.prcId"
+                :prcType="this.$route.query.prcType"
+                :prcNum="this.$route.query.prcNum"
+        />
+<!--        <div class="flow-list">-->
+<!--            <el-table-->
+<!--                    :height="tablePHeight"-->
+<!--                    ref="selection"-->
+<!--                    :data="detailData"-->
+<!--                    tooltip-effect="dark"-->
+<!--                    style="width: 100%"-->
+<!--                    border-->
+<!--                    row-key="id"-->
+<!--                    :no-data-text="listNoDataText"-->
+<!--                    :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+<!--            >-->
+<!--                <el-table-column-->
+<!--                        type="index"-->
+<!--                        width="55"-->
+<!--                        label="序号"-->
+<!--                        align="center">-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="name"-->
+<!--                        label="任务步骤"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="assignee"-->
+<!--                        label="任务受理人"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="createTime"-->
+<!--                        label="创建时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="endTime"-->
+<!--                        label="完成时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="comment"-->
+<!--                        label="流程信息"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{scope.row.commentText}}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="completeFlag"-->
+<!--                        label="状态"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--            </el-table>-->
+<!--            <loading :loading="loading">流程列表加载中</loading>-->
+<!--        </div>-->
+    </div>
     <!--        保存||提交-->
     <ProcessFooter
             v-show="verifySarStandard"
@@ -2307,7 +2313,7 @@
         },
         mounted () {
             this.getData()
-            this.processTable()
+            // this.processTable()
             this.$http.get('sys/dictype/getDicTypeListCode', '', {
                 _this: this
             }, res => {
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/step5.vue b/src/pages/processCenter/pages/creatProcess/qbrk/step5.vue
index bd9b5e923..692b3c07b 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/step5.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/step5.vue
@@ -10,7 +10,7 @@
         <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">会签评分</div>
         <div class="headerTabsItem" :class="active === '4' ? 'active' : ''" @click="handleTabs('4')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1' || active === '2' || active === '3'">
         <el-form
                 ref="form"
                 :model="form"
@@ -286,75 +286,80 @@
                     </div>
                 </template>
             </div>
-            <div class="block" style="padding-top: 20px;" v-show="active === '4'">
-                <div class="flow-list">
-                    <el-table
-                            :height="tablePHeight"
-                            ref="selection"
-                            :data="detailData"
-                            tooltip-effect="dark"
-                            style="width: 100%"
-                            border
-                            row-key="id"
-                            :no-data-text="listNoDataText"
-                            :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-                    >
-                      <el-table-column
-                          type="index"
-                          width="55"
-                          label="序号"
-                          align="center">
-                      </el-table-column>
-                        <el-table-column
-                                prop="name"
-                                label="任务步骤"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="assignee"
-                                label="任务受理人"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="createTime"
-                                label="创建时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="endTime"
-                                label="完成时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="comment"
-                                label="流程信息"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{scope.row.commentText}}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="completeFlag"
-                                label="状态"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                            </template>
-                        </el-table-column>
-                    </el-table>
-                    <loading :loading="loading">流程列表加载中</loading>
-                </div>
-            </div>
         </el-form>
     </div>
+    <div class="content" v-if="active === '4'">
+        <processNodeInformation
+                :prcId="this.$route.query.prcId"
+                :prcType="this.$route.query.prcType"
+                :prcNum="this.$route.query.prcNum"
+        />
+<!--        <div class="flow-list">-->
+<!--            <el-table-->
+<!--                    :height="tablePHeight"-->
+<!--                    ref="selection"-->
+<!--                    :data="detailData"-->
+<!--                    tooltip-effect="dark"-->
+<!--                    style="width: 100%"-->
+<!--                    border-->
+<!--                    row-key="id"-->
+<!--                    :no-data-text="listNoDataText"-->
+<!--                    :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+<!--            >-->
+<!--                <el-table-column-->
+<!--                        type="index"-->
+<!--                        width="55"-->
+<!--                        label="序号"-->
+<!--                        align="center">-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="name"-->
+<!--                        label="任务步骤"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="assignee"-->
+<!--                        label="任务受理人"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="createTime"-->
+<!--                        label="创建时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="endTime"-->
+<!--                        label="完成时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="comment"-->
+<!--                        label="流程信息"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{scope.row.commentText}}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="completeFlag"-->
+<!--                        label="状态"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--            </el-table>-->
+<!--            <loading :loading="loading">流程列表加载中</loading>-->
+<!--        </div>-->
+    </div>
     <!--        保存||提交-->
     <ProcessFooter
             v-show="verifySarStandard"
@@ -3020,7 +3025,7 @@
         mounted () {
             // this.getTaskId()
             this.getData()
-            this.processTable()
+            // this.processTable()
             this.$http.get('sys/dictype/getDicTypeListCode', '', {
                 _this: this
             }, res => {
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/step6.vue b/src/pages/processCenter/pages/creatProcess/qbrk/step6.vue
index ba8854e90..c2d400748 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/step6.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/step6.vue
@@ -11,7 +11,7 @@
       <!--        <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">模块信息</div>-->
       <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1' || active === '2'">
       <el-form
         ref="form"
         :model="form"
@@ -344,77 +344,82 @@
             </div>
           </template>
         </div>
-        <div v-show="active === '3'" class="block" style="padding-top: 20px;">
-          <div class="flow-list">
-            <el-table
-              ref="selection"
-              :height="tablePHeight"
-              :data="detailData"
-              tooltip-effect="dark"
-              style="width: 100%"
-              border
-              row-key="id"
-              :no-data-text="listNoDataText"
-              :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-            >
-              <el-table-column
-                type="index"
-                width="55"
-                label="序号"
-                align="center"
-              />
-              <el-table-column
-                prop="name"
-                label="任务步骤"
-                align="center"
-              />
-              <el-table-column
-                prop="assignee"
-                label="任务受理人"
-                align="center"
-              />
-              <el-table-column
-                prop="createTime"
-                label="创建时间"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="endTime"
-                label="完成时间"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="comment"
-                label="流程信息"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.commentText }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="completeFlag"
-                label="状态"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                </template>
-              </el-table-column>
-            </el-table>
-            <loading :loading="loading">流程列表加载中</loading>
-          </div>
-        </div>
       </el-form>
     </div>
+    <div v-if="active === '3'" class="content">
+      <processNodeInformation
+              :prcId="this.$route.query.prcId"
+              :prcType="this.$route.query.prcType"
+              :prcNum="this.$route.query.prcNum"
+      />
+<!--      <div class="flow-list">-->
+<!--        <el-table-->
+<!--                ref="selection"-->
+<!--                :height="tablePHeight"-->
+<!--                :data="detailData"-->
+<!--                tooltip-effect="dark"-->
+<!--                style="width: 100%"-->
+<!--                border-->
+<!--                row-key="id"-->
+<!--                :no-data-text="listNoDataText"-->
+<!--                :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+<!--        >-->
+<!--          <el-table-column-->
+<!--                  type="index"-->
+<!--                  width="55"-->
+<!--                  label="序号"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="name"-->
+<!--                  label="任务步骤"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="assignee"-->
+<!--                  label="任务受理人"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="createTime"-->
+<!--                  label="创建时间"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="endTime"-->
+<!--                  label="完成时间"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="comment"-->
+<!--                  label="流程信息"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.commentText }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="completeFlag"-->
+<!--                  label="状态"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--        </el-table>-->
+<!--        <loading :loading="loading">流程列表加载中</loading>-->
+<!--      </div>-->
+    </div>
     <!--        保存||提交-->
     <ProcessFooter
       v-show="verifySarStandard"
@@ -1423,7 +1428,7 @@ export default {
   mounted () {
     // this.getTaskId()
     this.getData()
-    this.processTable()
+    // this.processTable()
     this.$http.get('sys/dictype/getDicTypeListCode', '', {
       _this: this
     }, res => {
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/step7.vue b/src/pages/processCenter/pages/creatProcess/qbrk/step7.vue
index e3c08f776..cbd8ce5a7 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/step7.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/step7.vue
@@ -11,7 +11,7 @@
             <!--        <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">模块信息</div>-->
             <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
         </div>
-        <div class="content">
+        <div class="content" v-show="active === '1' || active === '2'">
             <el-form
                     ref="form"
                     :model="form"
@@ -168,75 +168,80 @@
                             @emitDataLoading="emitDataLoading"
                     ></formList>
                 </div>
-                <div class="block" style="padding-top: 20px;" v-show="active === '3'">
-                    <div class="flow-list">
-                        <el-table
-                                :height="tablePHeight"
-                                ref="selection"
-                                :data="detailData"
-                                tooltip-effect="dark"
-                                style="width: 100%"
-                                border
-                                row-key="id"
-                                :no-data-text="listNoDataText"
-                                :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-                        >
-                          <el-table-column
-                              type="index"
-                              width="55"
-                              label="序号"
-                              align="center">
-                          </el-table-column>
-                            <el-table-column
-                                    prop="name"
-                                    label="任务步骤"
-                                    align="center"
-                            >
-                            </el-table-column>
-                            <el-table-column
-                                    prop="assignee"
-                                    label="任务受理人"
-                                    align="center"
-                            >
-                            </el-table-column>
-                            <el-table-column
-                                    prop="createTime"
-                                    label="创建时间"
-                                    align="center">
-                                <template slot-scope="scope">
-                                    <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                                </template>
-                            </el-table-column>
-                            <el-table-column
-                                    prop="endTime"
-                                    label="完成时间"
-                                    align="center">
-                                <template slot-scope="scope">
-                                    <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                                </template>
-                            </el-table-column>
-                            <el-table-column
-                                    prop="comment"
-                                    label="流程信息"
-                                    align="center">
-                                <template slot-scope="scope">
-                                    <span>{{scope.row.commentText}}</span>
-                                </template>
-                            </el-table-column>
-                            <el-table-column
-                                    prop="completeFlag"
-                                    label="状态"
-                                    align="center">
-                                <template slot-scope="scope">
-                                    <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                                </template>
-                            </el-table-column>
-                        </el-table>
-                        <loading :loading="loading">流程列表加载中</loading>
-                    </div>
-                </div>
             </el-form>
         </div>
+        <div class="content" v-if="active === '3'">
+            <processNodeInformation
+                    :prcId="this.$route.query.prcId"
+                    :prcType="this.$route.query.prcType"
+                    :prcNum="this.$route.query.prcNum"
+            />
+<!--            <div class="flow-list">-->
+<!--                <el-table-->
+<!--                        :height="tablePHeight"-->
+<!--                        ref="selection"-->
+<!--                        :data="detailData"-->
+<!--                        tooltip-effect="dark"-->
+<!--                        style="width: 100%"-->
+<!--                        border-->
+<!--                        row-key="id"-->
+<!--                        :no-data-text="listNoDataText"-->
+<!--                        :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+<!--                >-->
+<!--                    <el-table-column-->
+<!--                            type="index"-->
+<!--                            width="55"-->
+<!--                            label="序号"-->
+<!--                            align="center">-->
+<!--                    </el-table-column>-->
+<!--                    <el-table-column-->
+<!--                            prop="name"-->
+<!--                            label="任务步骤"-->
+<!--                            align="center"-->
+<!--                    >-->
+<!--                    </el-table-column>-->
+<!--                    <el-table-column-->
+<!--                            prop="assignee"-->
+<!--                            label="任务受理人"-->
+<!--                            align="center"-->
+<!--                    >-->
+<!--                    </el-table-column>-->
+<!--                    <el-table-column-->
+<!--                            prop="createTime"-->
+<!--                            label="创建时间"-->
+<!--                            align="center">-->
+<!--                        <template slot-scope="scope">-->
+<!--                            <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                        </template>-->
+<!--                    </el-table-column>-->
+<!--                    <el-table-column-->
+<!--                            prop="endTime"-->
+<!--                            label="完成时间"-->
+<!--                            align="center">-->
+<!--                        <template slot-scope="scope">-->
+<!--                            <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                        </template>-->
+<!--                    </el-table-column>-->
+<!--                    <el-table-column-->
+<!--                            prop="comment"-->
+<!--                            label="流程信息"-->
+<!--                            align="center">-->
+<!--                        <template slot-scope="scope">-->
+<!--                            <span>{{scope.row.commentText}}</span>-->
+<!--                        </template>-->
+<!--                    </el-table-column>-->
+<!--                    <el-table-column-->
+<!--                            prop="completeFlag"-->
+<!--                            label="状态"-->
+<!--                            align="center">-->
+<!--                        <template slot-scope="scope">-->
+<!--                            <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+<!--                        </template>-->
+<!--                    </el-table-column>-->
+<!--                </el-table>-->
+<!--                <loading :loading="loading">流程列表加载中</loading>-->
+<!--            </div>-->
+        </div>
         <!--        保存||提交-->
         <ProcessFooter
                 v-show="verifySarStandard"
@@ -2605,7 +2610,7 @@
         mounted() {
             // this.getTaskId()
             this.getData()
-            this.processTable()
+            // this.processTable()
             this.$http.get('sys/dictype/getDicTypeListCode', '', {
                 _this: this
             }, res => {
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/step8.vue b/src/pages/processCenter/pages/creatProcess/qbrk/step8.vue
index a753c669f..57e5b6d50 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/step8.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/step8.vue
@@ -9,7 +9,7 @@
 <!--        <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">模块信息</div>-->
         <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1'">
         <el-form
                 ref="form"
                 :model="form"
@@ -17,7 +17,7 @@
                 class="label-input-form"
                 label-width="210px"
         >
-            <div style="flex: auto;" v-show="active === '1'">
+            <div style="flex: auto;" >
                 <formList
                         :form = "form"
                         :FBGBUSSFileList = "FBGBUSSFileList"
@@ -64,75 +64,80 @@
                 <!--    </el-collapse>-->
                 <!--</div>-->
             </div>
-            <div class="block" style="padding-top: 20px;" v-show="active === '3'">
-                <div class="flow-list">
-                    <el-table
-                            :height="tablePHeight"
-                            ref="selection"
-                            :data="detailData"
-                            tooltip-effect="dark"
-                            style="width: 100%"
-                            border
-                            row-key="id"
-                            :no-data-text="listNoDataText"
-                            :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-                    >
-                      <el-table-column
-                          type="index"
-                          width="55"
-                          label="序号"
-                          align="center">
-                      </el-table-column>
-                        <el-table-column
-                                prop="name"
-                                label="任务步骤"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="assignee"
-                                label="任务受理人"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="createTime"
-                                label="创建时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="endTime"
-                                label="完成时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="comment"
-                                label="流程信息"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{scope.row.commentText}}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="completeFlag"
-                                label="状态"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                            </template>
-                        </el-table-column>
-                    </el-table>
-                    <loading :loading="loading">流程列表加载中</loading>
-                </div>
-            </div>
         </el-form>
     </div>
+    <div class="content" v-if="active === '3'">
+        <processNodeInformation
+                :prcId="this.$route.query.prcId"
+                :prcType="this.$route.query.prcType"
+                :prcNum="this.$route.query.prcNum"
+        />
+<!--        <div class="flow-list">-->
+<!--            <el-table-->
+<!--                    :height="tablePHeight"-->
+<!--                    ref="selection"-->
+<!--                    :data="detailData"-->
+<!--                    tooltip-effect="dark"-->
+<!--                    style="width: 100%"-->
+<!--                    border-->
+<!--                    row-key="id"-->
+<!--                    :no-data-text="listNoDataText"-->
+<!--                    :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+<!--            >-->
+<!--                <el-table-column-->
+<!--                        type="index"-->
+<!--                        width="55"-->
+<!--                        label="序号"-->
+<!--                        align="center">-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="name"-->
+<!--                        label="任务步骤"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="assignee"-->
+<!--                        label="任务受理人"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="createTime"-->
+<!--                        label="创建时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="endTime"-->
+<!--                        label="完成时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="comment"-->
+<!--                        label="流程信息"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{scope.row.commentText}}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="completeFlag"-->
+<!--                        label="状态"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--            </el-table>-->
+<!--            <loading :loading="loading">流程列表加载中</loading>-->
+<!--        </div>-->
+    </div>
     <!--        保存||提交-->
     <ProcessFooter
             v-show="verifySarStandard"
@@ -2434,7 +2439,7 @@
         mounted () {
             this.getTaskId()
             this.getData()
-            this.processTable()
+            // this.processTable()
             this.$http.get('sys/dictype/getDicTypeListCode', '', {
                 _this: this
             }, res => {
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/step9.vue b/src/pages/processCenter/pages/creatProcess/qbrk/step9.vue
index d19d610ec..29c7682db 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/step9.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/step9.vue
@@ -10,7 +10,7 @@
 <!--        <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">模块信息</div>-->
         <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1' || active === '2'">
         <el-form
                 ref="form"
                 :model="form"
@@ -173,75 +173,80 @@
                         @emitDataLoading="emitDataLoading"
                 ></formList>
             </div>
-            <div class="block" style="padding-top: 20px;" v-show="active === '3'">
-                <div class="flow-list">
-                    <el-table
-                            :height="tablePHeight"
-                            ref="selection"
-                            :data="detailData"
-                            tooltip-effect="dark"
-                            style="width: 100%"
-                            border
-                            row-key="id"
-                            :no-data-text="listNoDataText"
-                            :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-                    >
-                      <el-table-column
-                          type="index"
-                          width="55"
-                          label="序号"
-                          align="center">
-                      </el-table-column>
-                        <el-table-column
-                                prop="name"
-                                label="任务步骤"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="assignee"
-                                label="任务受理人"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="createTime"
-                                label="创建时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="endTime"
-                                label="完成时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="comment"
-                                label="流程信息"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{scope.row.commentText}}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="completeFlag"
-                                label="状态"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                            </template>
-                        </el-table-column>
-                    </el-table>
-                    <loading :loading="loading">流程列表加载中</loading>
-                </div>
-            </div>
         </el-form>
     </div>
+    <div class="content" v-if="active === '3'">
+        <processNodeInformation
+                :prcId="this.$route.query.prcId"
+                :prcType="this.$route.query.prcType"
+                :prcNum="this.$route.query.prcNum"
+        />
+<!--        <div class="flow-list">-->
+<!--            <el-table-->
+<!--                    :height="tablePHeight"-->
+<!--                    ref="selection"-->
+<!--                    :data="detailData"-->
+<!--                    tooltip-effect="dark"-->
+<!--                    style="width: 100%"-->
+<!--                    border-->
+<!--                    row-key="id"-->
+<!--                    :no-data-text="listNoDataText"-->
+<!--                    :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+<!--            >-->
+<!--                <el-table-column-->
+<!--                        type="index"-->
+<!--                        width="55"-->
+<!--                        label="序号"-->
+<!--                        align="center">-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="name"-->
+<!--                        label="任务步骤"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="assignee"-->
+<!--                        label="任务受理人"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="createTime"-->
+<!--                        label="创建时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="endTime"-->
+<!--                        label="完成时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="comment"-->
+<!--                        label="流程信息"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{scope.row.commentText}}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="completeFlag"-->
+<!--                        label="状态"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--            </el-table>-->
+<!--            <loading :loading="loading">流程列表加载中</loading>-->
+<!--        </div>-->
+    </div>
     <!--        保存||提交-->
     <ProcessFooter
             v-show="verifySarStandard"
@@ -2615,7 +2620,7 @@
         mounted () {
             // this.getTaskId()
             this.getData()
-            this.processTable()
+            // this.processTable()
             this.$http.get('sys/dictype/getDicTypeListCode', '', {
                 _this: this
             }, res => {
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/stepC1.vue b/src/pages/processCenter/pages/creatProcess/qbrk/stepC1.vue
index cbef35337..1b59576b1 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/stepC1.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/stepC1.vue
@@ -11,7 +11,7 @@
       <!--        <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">模块信息</div>-->
       <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1' || active === '2'">
       <el-form
         ref="form"
         :model="form"
@@ -206,77 +206,82 @@
         <!--    </el-collapse>-->
         <!--</div>-->
         </div>
-        <div v-show="active === '3'" class="block" style="padding-top: 20px;">
-          <div class="flow-list">
-            <el-table
-              ref="selection"
-              :height="tablePHeight"
-              :data="detailData"
-              tooltip-effect="dark"
-              style="width: 100%"
-              border
-              row-key="id"
-              :no-data-text="listNoDataText"
-              :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-            >
-              <el-table-column
-                type="index"
-                width="55"
-                label="序号"
-                align="center"
-              />
-              <el-table-column
-                prop="name"
-                label="任务步骤"
-                align="center"
-              />
-              <el-table-column
-                prop="assignee"
-                label="任务受理人"
-                align="center"
-              />
-              <el-table-column
-                prop="createTime"
-                label="创建时间"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="endTime"
-                label="完成时间"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="comment"
-                label="流程信息"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.commentText }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="completeFlag"
-                label="状态"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                </template>
-              </el-table-column>
-            </el-table>
-            <loading :loading="loading">流程列表加载中</loading>
-          </div>
-        </div>
       </el-form>
     </div>
+    <div v-if="active === '3'" class="content">
+      <processNodeInformation
+              :prcId="this.$route.query.prcId"
+              :prcType="this.$route.query.prcType"
+              :prcNum="this.$route.query.prcNum"
+      />
+<!--      <div class="flow-list">-->
+<!--        <el-table-->
+<!--                ref="selection"-->
+<!--                :height="tablePHeight"-->
+<!--                :data="detailData"-->
+<!--                tooltip-effect="dark"-->
+<!--                style="width: 100%"-->
+<!--                border-->
+<!--                row-key="id"-->
+<!--                :no-data-text="listNoDataText"-->
+<!--                :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+<!--        >-->
+<!--          <el-table-column-->
+<!--                  type="index"-->
+<!--                  width="55"-->
+<!--                  label="序号"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="name"-->
+<!--                  label="任务步骤"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="assignee"-->
+<!--                  label="任务受理人"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="createTime"-->
+<!--                  label="创建时间"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="endTime"-->
+<!--                  label="完成时间"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="comment"-->
+<!--                  label="流程信息"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.commentText }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="completeFlag"-->
+<!--                  label="状态"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--        </el-table>-->
+<!--        <loading :loading="loading">流程列表加载中</loading>-->
+<!--      </div>-->
+    </div>
     <!--        保存||提交-->
     <ProcessFooter
       v-show="verifySarStandard"
@@ -1226,7 +1231,7 @@ export default {
   },
   mounted () {
     this.getData()
-    this.processTable()
+    // this.processTable()
     this.$http.get('sys/dictype/getDicTypeListCode', '', {
       _this: this
     }, res => {
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/stepC3.vue b/src/pages/processCenter/pages/creatProcess/qbrk/stepC3.vue
index c63ce5882..65a713a7e 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/stepC3.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/stepC3.vue
@@ -10,7 +10,7 @@
       <!--        <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">模块信息</div>-->
       <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1'">
       <el-form
         ref="form"
         :model="form"
@@ -18,7 +18,7 @@
         class="label-input-form"
         label-width="210px"
       >
-        <div v-show="active === '1'" style="flex: auto;">
+        <div style="flex: auto;overflow: auto">
           <formEditList
             :key="formKey"
             :formSub="form"
@@ -132,71 +132,76 @@
         <!--    </el-collapse>-->
         <!--</div>-->
         </div>
-        <div v-show="active === '3'" class="block" style="padding-top: 20px;">
-          <div class="flow-list">
-            <el-table
-              ref="selection"
-              :height="tablePHeight"
-              :data="detailData"
-              tooltip-effect="dark"
-              style="width: 100%"
-              border
-              row-key="id"
-              :no-data-text="listNoDataText"
-              :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-            >
-              <el-table-column
-                prop="name"
-                label="任务步骤"
-                align="center"
-              />
-              <el-table-column
-                prop="assignee"
-                label="任务受理人"
-                align="center"
-              />
-              <el-table-column
-                prop="createTime"
-                label="创建时间"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="endTime"
-                label="完成时间"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="comment"
-                label="流程信息"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.commentText }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="completeFlag"
-                label="状态"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                </template>
-              </el-table-column>
-            </el-table>
-            <loading :loading="loading">流程列表加载中</loading>
-          </div>
-        </div>
       </el-form>
     </div>
+    <div v-if="active === '3'" class="content">
+      <processNodeInformation
+              :prcId="this.$route.query.prcId"
+              :prcType="this.$route.query.prcType"
+              :prcNum="this.$route.query.prcNum"
+      />
+      <!--          <div class="flow-list">-->
+      <!--            <el-table-->
+      <!--              ref="selection"-->
+      <!--              :height="tablePHeight"-->
+      <!--              :data="detailData"-->
+      <!--              tooltip-effect="dark"-->
+      <!--              style="width: 100%"-->
+      <!--              border-->
+      <!--              row-key="id"-->
+      <!--              :no-data-text="listNoDataText"-->
+      <!--              :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+      <!--            >-->
+      <!--              <el-table-column-->
+      <!--                prop="name"-->
+      <!--                label="任务步骤"-->
+      <!--                align="center"-->
+      <!--              />-->
+      <!--              <el-table-column-->
+      <!--                prop="assignee"-->
+      <!--                label="任务受理人"-->
+      <!--                align="center"-->
+      <!--              />-->
+      <!--              <el-table-column-->
+      <!--                prop="createTime"-->
+      <!--                label="创建时间"-->
+      <!--                align="center"-->
+      <!--              >-->
+      <!--                <template slot-scope="scope">-->
+      <!--                  <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+      <!--                </template>-->
+      <!--              </el-table-column>-->
+      <!--              <el-table-column-->
+      <!--                prop="endTime"-->
+      <!--                label="完成时间"-->
+      <!--                align="center"-->
+      <!--              >-->
+      <!--                <template slot-scope="scope">-->
+      <!--                  <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+      <!--                </template>-->
+      <!--              </el-table-column>-->
+      <!--              <el-table-column-->
+      <!--                prop="comment"-->
+      <!--                label="流程信息"-->
+      <!--                align="center"-->
+      <!--              >-->
+      <!--                <template slot-scope="scope">-->
+      <!--                  <span>{{ scope.row.commentText }}</span>-->
+      <!--                </template>-->
+      <!--              </el-table-column>-->
+      <!--              <el-table-column-->
+      <!--                prop="completeFlag"-->
+      <!--                label="状态"-->
+      <!--                align="center"-->
+      <!--              >-->
+      <!--                <template slot-scope="scope">-->
+      <!--                  <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+      <!--                </template>-->
+      <!--              </el-table-column>-->
+      <!--            </el-table>-->
+      <!--            <loading :loading="loading">流程列表加载中</loading>-->
+      <!--          </div>-->
+    </div>
     <!--        保存||提交-->
     <ProcessFooter
       v-show="verifySarStandard"
@@ -1146,7 +1151,7 @@ export default {
   mounted () {
     // this.getTaskId()
     this.getData()
-    this.processTable()
+    // this.processTable()
     this.$http.get('sys/dictype/getDicTypeListCode', '', {
       _this: this
     }, res => {
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/stepC6.vue b/src/pages/processCenter/pages/creatProcess/qbrk/stepC6.vue
index ee8fad2e6..e4a31ec0d 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/stepC6.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/stepC6.vue
@@ -11,7 +11,7 @@
       <!--        <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">模块信息</div>-->
       <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1' || active === '2'">
       <el-form
         ref="form"
         :model="form"
@@ -344,77 +344,82 @@
             </div>
           </template>
         </div>
-        <div v-show="active === '3'" class="block" style="padding-top: 20px;">
-          <div class="flow-list">
-            <el-table
-              ref="selection"
-              :height="tablePHeight"
-              :data="detailData"
-              tooltip-effect="dark"
-              style="width: 100%"
-              border
-              row-key="id"
-              :no-data-text="listNoDataText"
-              :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-            >
-              <el-table-column
-                type="index"
-                width="55"
-                label="序号"
-                align="center"
-              />
-              <el-table-column
-                prop="name"
-                label="任务步骤"
-                align="center"
-              />
-              <el-table-column
-                prop="assignee"
-                label="任务受理人"
-                align="center"
-              />
-              <el-table-column
-                prop="createTime"
-                label="创建时间"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="endTime"
-                label="完成时间"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="comment"
-                label="流程信息"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.commentText }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="completeFlag"
-                label="状态"
-                align="center"
-              >
-                <template slot-scope="scope">
-                  <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                </template>
-              </el-table-column>
-            </el-table>
-            <loading :loading="loading">流程列表加载中</loading>
-          </div>
-        </div>
       </el-form>
     </div>
+    <div v-if="active === '3'" class="content">
+      <processNodeInformation
+              :prcId="this.$route.query.prcId"
+              :prcType="this.$route.query.prcType"
+              :prcNum="this.$route.query.prcNum"
+      />
+<!--      <div class="flow-list">-->
+<!--        <el-table-->
+<!--                ref="selection"-->
+<!--                :height="tablePHeight"-->
+<!--                :data="detailData"-->
+<!--                tooltip-effect="dark"-->
+<!--                style="width: 100%"-->
+<!--                border-->
+<!--                row-key="id"-->
+<!--                :no-data-text="listNoDataText"-->
+<!--                :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+<!--        >-->
+<!--          <el-table-column-->
+<!--                  type="index"-->
+<!--                  width="55"-->
+<!--                  label="序号"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="name"-->
+<!--                  label="任务步骤"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="assignee"-->
+<!--                  label="任务受理人"-->
+<!--                  align="center"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--                  prop="createTime"-->
+<!--                  label="创建时间"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="endTime"-->
+<!--                  label="完成时间"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="comment"-->
+<!--                  label="流程信息"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.commentText }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--                  prop="completeFlag"-->
+<!--                  label="状态"-->
+<!--                  align="center"-->
+<!--          >-->
+<!--            <template slot-scope="scope">-->
+<!--              <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+<!--            </template>-->
+<!--          </el-table-column>-->
+<!--        </el-table>-->
+<!--        <loading :loading="loading">流程列表加载中</loading>-->
+<!--      </div>-->
+    </div>
     <!--        保存||提交-->
     <ProcessFooter
       v-show="verifySarStandard"
@@ -1418,7 +1423,7 @@ export default {
   mounted () {
     // this.getTaskId()
     this.getData()
-    this.processTable()
+    // this.processTable()
     this.$http.get('sys/dictype/getDicTypeListCode', '', {
       _this: this
     }, res => {
diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/stepDetail.vue b/src/pages/processCenter/pages/creatProcess/qbrk/stepDetail.vue
index 5d8bae2b5..612ed4bff 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/stepDetail.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/stepDetail.vue
@@ -9,7 +9,7 @@
 <!--        <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">模块信息</div>-->
         <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
     </div>
-    <div class="content">
+    <div class="content" v-show="active === '1'">
         <el-form
                 ref="form"
                 :model="form"
@@ -17,7 +17,7 @@
                 class="label-input-form"
                 label-width="210px"
         >
-            <div style="flex: auto;" v-show="active === '1'">
+            <div style="flex: auto;" >
                 <formList
                         :form = "form"
                         :FBGBUSSFileList = "FBGBUSSFileList"
@@ -31,75 +31,80 @@
                         @emitDataLoading="emitDataLoading"
                 ></formList>
             </div>
-            <div class="block" style="padding-top: 20px;" v-show="active === '3'">
-                <div class="flow-list">
-                    <el-table
-                            :height="tablePHeight"
-                            ref="selection"
-                            :data="detailData"
-                            tooltip-effect="dark"
-                            style="width: 100%"
-                            border
-                            row-key="id"
-                            :no-data-text="listNoDataText"
-                            :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-                    >
-                      <el-table-column
-                        type="index"
-                        width="55"
-                        label="序号"
-                        align="center">
-                    </el-table-column>
-                        <el-table-column
-                                prop="name"
-                                label="任务步骤"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="assignee"
-                                label="任务受理人"
-                                align="center"
-                        >
-                        </el-table-column>
-                        <el-table-column
-                                prop="createTime"
-                                label="创建时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="endTime"
-                                label="完成时间"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="comment"
-                                label="流程信息"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{scope.row.commentText}}</span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column
-                                prop="completeFlag"
-                                label="状态"
-                                align="center">
-                            <template slot-scope="scope">
-                                <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>
-                            </template>
-                        </el-table-column>
-                    </el-table>
-                    <loading :loading="loading">流程列表加载中</loading>
-                </div>
-            </div>
         </el-form>
     </div>
+    <div class="content" v-if="active === '3'">
+        <processNodeInformation
+                :prcId="this.$route.query.prcId"
+                :prcType="this.$route.query.prcType"
+                :prcNum="this.$route.query.prcNum"
+        />
+<!--        <div class="flow-list">-->
+<!--            <el-table-->
+<!--                    :height="tablePHeight"-->
+<!--                    ref="selection"-->
+<!--                    :data="detailData"-->
+<!--                    tooltip-effect="dark"-->
+<!--                    style="width: 100%"-->
+<!--                    border-->
+<!--                    row-key="id"-->
+<!--                    :no-data-text="listNoDataText"-->
+<!--                    :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"-->
+<!--            >-->
+<!--                <el-table-column-->
+<!--                        type="index"-->
+<!--                        width="55"-->
+<!--                        label="序号"-->
+<!--                        align="center">-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="name"-->
+<!--                        label="任务步骤"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="assignee"-->
+<!--                        label="任务受理人"-->
+<!--                        align="center"-->
+<!--                >-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="createTime"-->
+<!--                        label="创建时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="endTime"-->
+<!--                        label="完成时间"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="comment"-->
+<!--                        label="流程信息"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{scope.row.commentText}}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--                <el-table-column-->
+<!--                        prop="completeFlag"-->
+<!--                        label="状态"-->
+<!--                        align="center">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <span>{{ scope.row.endTime ? '已完成' : scope.row.receiveStatus ? '已接收' : '未完成' }}</span>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
+<!--            </el-table>-->
+<!--            <loading :loading="loading">流程列表加载中</loading>-->
+<!--        </div>-->
+    </div>
     <el-dialog width='400px' :visible.sync="fileMadel" title="上传文件"   v-dragDialogWidth :close-on-click-modal="false">
         <el-upload
                 multiple
@@ -2191,7 +2196,7 @@
         },
         mounted () {
             this.getData()
-            this.processTable()
+            // this.processTable()
             this.$http.get('sys/dictype/getDicTypeListCode', '', {
                 _this: this
             }, res => {
diff --git a/src/pages/processCenter/pages/phone/qbrk-product/step10.vue b/src/pages/processCenter/pages/phone/qbrk-product/step10.vue
index 76763a19f..4bda6b10b 100644
--- a/src/pages/processCenter/pages/phone/qbrk-product/step10.vue
+++ b/src/pages/processCenter/pages/phone/qbrk-product/step10.vue
@@ -2017,7 +2017,8 @@ export default {
             pId: this.pId
           }).then(res => {
             if (res) {
-              const processForm = JSON.parse(res.mesg)
+              let processForm = JSON.parse(res.mesg)
+              processForm = processForm.form ? processForm.form : processForm
               const dateArr = []
               if(processForm.commentCycleStart && processForm.commentCycleEnd){
                 dateArr[0] = processForm.commentCycleStart
diff --git a/src/pages/processCenter/pages/phone/qbrk-product/step12.vue b/src/pages/processCenter/pages/phone/qbrk-product/step12.vue
index f09cf7a78..ca4793cee 100644
--- a/src/pages/processCenter/pages/phone/qbrk-product/step12.vue
+++ b/src/pages/processCenter/pages/phone/qbrk-product/step12.vue
@@ -2017,7 +2017,8 @@ export default {
             pId: this.pId
           }).then(res => {
             if (res) {
-              const processForm = JSON.parse(res.mesg)
+              let processForm = JSON.parse(res.mesg)
+              processForm = processForm.form ? processForm.form : processForm
               const dateArr = []
               if(processForm.commentCycleStart && processForm.commentCycleEnd){
                 dateArr[0] = processForm.commentCycleStart
diff --git a/src/pages/processCenter/pages/phone/qbrk-product/step4.vue b/src/pages/processCenter/pages/phone/qbrk-product/step4.vue
index d3360e51c..7f7b76ee1 100644
--- a/src/pages/processCenter/pages/phone/qbrk-product/step4.vue
+++ b/src/pages/processCenter/pages/phone/qbrk-product/step4.vue
@@ -2015,7 +2015,8 @@ export default {
             pId: this.pId
           }).then(res => {
             if (res) {
-              const processForm = JSON.parse(res.mesg)
+              let processForm = JSON.parse(res.mesg)
+              processForm = processForm.form ? processForm.form : processForm
               const dateArr = []
               if(processForm.commentCycleStart && processForm.commentCycleEnd){
                 dateArr[0] = processForm.commentCycleStart
diff --git a/src/pages/processCenter/pages/phone/qbrk-product/step7.vue b/src/pages/processCenter/pages/phone/qbrk-product/step7.vue
index ef8bd0aec..c5bf5a6da 100644
--- a/src/pages/processCenter/pages/phone/qbrk-product/step7.vue
+++ b/src/pages/processCenter/pages/phone/qbrk-product/step7.vue
@@ -2129,7 +2129,8 @@ export default {
             pId: this.pId
           }).then(res => {
             if (res) {
-              const processForm = JSON.parse(res.mesg)
+              let processForm = JSON.parse(res.mesg)
+              processForm = processForm.form ? processForm.form : processForm
               const dateArr = []
               if(processForm.commentCycleStart && processForm.commentCycleEnd){
                 dateArr[0] = processForm.commentCycleStart
diff --git a/src/pages/processCenter/pages/phone/qbrk-product/step8.vue b/src/pages/processCenter/pages/phone/qbrk-product/step8.vue
index fee824a3a..b92a20bc7 100644
--- a/src/pages/processCenter/pages/phone/qbrk-product/step8.vue
+++ b/src/pages/processCenter/pages/phone/qbrk-product/step8.vue
@@ -2016,7 +2016,8 @@ export default {
             pId: this.pId
           }).then(res => {
             if (res) {
-              const processForm = JSON.parse(res.mesg)
+              let processForm = JSON.parse(res.mesg)
+              processForm = processForm.form ? processForm.form : processForm
               const dateArr = []
               if(processForm.commentCycleStart && processForm.commentCycleEnd){
                 dateArr[0] = processForm.commentCycleStart
diff --git a/src/pages/processCenter/pages/processDetail/index.vue b/src/pages/processCenter/pages/processDetail/index.vue
index 0790dbef4..7f1bef836 100644
--- a/src/pages/processCenter/pages/processDetail/index.vue
+++ b/src/pages/processCenter/pages/processDetail/index.vue
@@ -1,1379 +1,1914 @@
 <!-- 流程详情 -->
 <template>
-  <div id="processDetails">
-    <div class="flow-chart">
-      <div class="flow-header">
-        <div class="back" title="返回" @click="back">
-          <i class="el-icon-back" />
+    <div id="processDetails">
+        <div class="flow-chart">
+            <div class="flow-header">
+                <div class="back" title="返回" @click="back">
+                    <i class="el-icon-back"/>
+                </div>
+                <!--        <span class="flow-chart-title">{{ $route.params.processNumber }}  {{ $route.params.processTypeName }}  流程图</span>-->
+            </div>
+            <div class="flow-group" style="margin-top: 30px;overflow: auto;">
+                <div v-if="$route.query.oldAndNew == 'new' && ($route.query.flowType == '3' || $route.query.flowType == 'buss1')" class="flow-group-process">
+                    <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">
+                                <el-tooltip placement="top">
+                                    <div slot="content">
+                                        {{item.taskKeyName}}
+                                    </div>
+                                    <div>
+                                        {{item.taskKeyName}}
+                                    </div>
+                                </el-tooltip>
+                            </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 class="flow-group-process-content-bottom-text">{{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>
+        <div class="action-bar">
+            <el-button
+                    class="common-button-default export-button"
+                    round
+                    icon="export"
+                    title="不勾选时默认导出所有筛选项；勾选时仅导出勾选项"
+                    @click="exportStandard"
+            >
+                导出
+            </el-button>
+            <el-button
+                    class="common-button-default"
+                    round
+                    @click="seeProcessLast"
+            >
+                查看流程数据
+            </el-button>
+            <el-button
+                    v-if="tzclrEnable"
+                    class="common-button-default"
+                    round
+                    @click="adjustmentHandler"
+            >
+                调整处理人
+            </el-button>
+            <el-button
+                    v-if="approveShow"
+                    class="common-button-default"
+                    round
+                    @click="approveHandler"
+            >
+                汇总流程
+            </el-button>
+            <!--临时屏蔽 start-->
+            <!--<el-button-->
+            <!--  class="common-button-default"-->
+            <!--  round-->
+            <!--  @click="handlingTasks"-->
+            <!--&gt;办理任务</el-button>-->
+            <!--临时屏蔽 end-->
+            <!--      <el-button-->
+            <!--          class="common-button-default"-->
+            <!--          round-->
+            <!--          @click="urgeRow"-->
+            <!--      >催办</el-button>-->
+        </div>
+        <div class="flow-list">
+            <el-table
+                    v-if="$route.query.oldAndNew == 'new' && ($route.query.flowType == '3' || $route.query.flowType == 'buss1')"
+                    ref="selection"
+                    height="100%"
+                    :data="detailData"
+                    tooltip-effect="dark"
+                    style="width: 100%"
+                    border
+                    row-key="id"
+                    :no-data-text="listNoDataText"
+                    :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+                    @selection-change="tableChange"
+                    @sort-change="sortChange"
+            >
+                <el-table-column
+                        type="selection"
+                        width="55"
+                        align="center"
+                />
+                <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
+                        v-if="$route.query.flowType == '3'"
+                        prop="parentUserName"
+                        label="任务分发人"
+                        align="center"
+                >
+                    <template slot-scope="scope">
+                        <span>{{ scope.row.parentUserName }}</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
+                    ref="selection"
+                    height="100%"
+                    :data="detailData"
+                    tooltip-effect="dark"
+                    style="width: 100%"
+                    border
+                    row-key="id"
+                    :no-data-text="listNoDataText"
+                    :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+                    @selection-change="tableChange"
+                    @sort-change="sortChange"
+            >
+                <el-table-column
+                        type="selection"
+                        width="55"
+                        align="center"
+                />
+                <el-table-column type="index" width="55" label="序号" align="center"/>
+                <el-table-column
+                        prop="name"
+                        label="任务步骤"
+                        align="center"
+                        sortable="custom"
+                />
+                <el-table-column
+                        prop="assignee"
+                        label="任务受理人"
+                        align="center"
+                        sortable="custom"
+                />
+                <el-table-column
+                        prop="createTime"
+                        label="创建时间"
+                        sortable="custom"
+                        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>
+            <!-- 福田全公司选人解决方案 -->
+            <Role-tree
+                    check-box
+                    :is-title="drawerTitle"
+                    :is-visible.sync="drawerModal"
+                    :nodeList="nodeList"
+                    @checkedRole="checkedRole"
+            />
+            <!--      <org-table-->
+            <!--          title="调整处理人"-->
+            <!--          :visible.sync="drawerModal"-->
+            <!--          dialog-model-->
+            <!--          :config="orgTableConfig"-->
+            <!--          :max-selected="1"-->
+            <!--          max-selected-tips="处理人只能选择一个用户"-->
+            <!--          :excludeUser="excludeUser"-->
+            <!--          @confirm="addTree"-->
+            <!--      ></org-table>-->
         </div>
-        <!--        <span class="flow-chart-title">{{ $route.params.processNumber }}  {{ $route.params.processTypeName }}  流程图</span>-->
-      </div>
-      <div class="flow-group" style="margin-top: 30px;overflow: auto;">
-        <img :src="processStep" class="process-img">
-      </div>
     </div>
-    <div class="action-bar">
-      <el-button
-        class="common-button-default export-button"
-        round
-        icon="export"
-        title="不勾选时默认导出所有筛选项；勾选时仅导出勾选项"
-        @click="exportStandard"
-      >
-        导出
-      </el-button>
-      <el-button
-        class="common-button-default"
-        round
-        @click="seeProcessLast"
-      >
-        查看流程数据
-      </el-button>
-      <el-button
-        v-if="tzclrEnable"
-        class="common-button-default"
-        round
-        @click="adjustmentHandler"
-      >
-        调整处理人
-      </el-button>
-      <el-button
-        v-if="approveShow"
-        class="common-button-default"
-        round
-        @click="approveHandler"
-      >
-        汇总流程
-      </el-button>
-      <!--临时屏蔽 start-->
-      <!--<el-button-->
-      <!--  class="common-button-default"-->
-      <!--  round-->
-      <!--  @click="handlingTasks"-->
-      <!--&gt;办理任务</el-button>-->
-      <!--临时屏蔽 end-->
-      <!--      <el-button-->
-      <!--          class="common-button-default"-->
-      <!--          round-->
-      <!--          @click="urgeRow"-->
-      <!--      >催办</el-button>-->
-    </div>
-    <div class="flow-list">
-      <el-table
-        ref="selection"
-        height="100%"
-        :data="detailData"
-        tooltip-effect="dark"
-        style="width: 100%"
-        border
-        row-key="id"
-        :no-data-text="listNoDataText"
-        :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-        @selection-change="tableChange"
-        @sort-change="sortChange"
-      >
-        <el-table-column
-          type="selection"
-          width="55"
-          align="center"
-        />
-        <el-table-column type="index" width="55" label="序号" align="center" />
-        <el-table-column
-          prop="name"
-          label="任务步骤"
-          align="center"
-          sortable="custom"
-        />
-        <el-table-column
-          prop="assignee"
-          label="任务受理人"
-          align="center"
-          sortable="custom"
-        />
-        <el-table-column
-          prop="createTime"
-          label="创建时间"
-          sortable="custom"
-          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>
-      <!-- 福田全公司选人解决方案 -->
-      <Role-tree
-        check-box
-        :is-title="drawerTitle"
-        :is-visible.sync="drawerModal"
-        :nodeList="nodeList"
-        @checkedRole="checkedRole"
-      />
-      <!--      <org-table-->
-      <!--          title="调整处理人"-->
-      <!--          :visible.sync="drawerModal"-->
-      <!--          dialog-model-->
-      <!--          :config="orgTableConfig"-->
-      <!--          :max-selected="1"-->
-      <!--          max-selected-tips="处理人只能选择一个用户"-->
-      <!--          :excludeUser="excludeUser"-->
-      <!--          @confirm="addTree"-->
-      <!--      ></org-table>-->
-    </div>
-  </div>
 </template>
 
 <script>
-import { mapMutations } from 'vuex'
-import { changeAssigneeNew } from 'api/process'
-import axios from 'axios'
-import eventBus from '@/common/eventHub'
+    import {mapMutations} from 'vuex'
+    import {changeAssigneeNew} from 'api/process'
+    import axios from 'axios'
+    import * as echarts from 'echarts'
+    import eventBus from '@/common/eventHub'
 
-export default {
-  name: 'ProcessDetail',
-  data () {
-    return {
-      approveShow: false,
-      approveRowIndex: 0,
-      assigneeNewLoading: false, // 调整处理人确定loading
-      loginPeople: '',
-      // 调整处理人抽屉状态
-      drawerModal: false,
-      drawerTitle: '',
-      nodeList: [],
-      tasksName: '',
-      selectPeople: '',
-      // loading
-      loading: false,
-      // 流程步骤
-      processStep: null,
-      // 当前节点
-      taskKey: 0,
-      // 当前流程类型(1待办/2已办)
-      processType: 1,
-      // 流程列表
-      detailData: [],
-      taskNames: '',
-      tableRow: [], // 接受表格数据
-      completeFlagType: true, // 判断当前任务是否完成
-      processState: true, // 判断当前流程
-      detailsList: [],
-      shunxu: '',
-      paixu: '',
-      orgTableConfig: {
-        value: '',
-        valueName: ''
-      },
-      excludeUser: this.$store.getters.userInfo.userId
-    }
-  },
-  methods: {
-    checkedRole (data) {
-      this.assigneeNewLoading = true
-      changeAssigneeNew({
-        taskId: this.selectPeople.id, // 任务id
-        assignee: data[0].id, // 被委托人
-        userId: this.selectPeople.assigneeId, // 委托人
-        pId: this.selectPeople.processInstanceId // 流程实例
-      }).then(res => {
-        this.assigneeNewLoading = false
-        if (res.success) {
-          this.drawerModal = false
-          this.$message.success('调整成功')
-          this.processNum()
-          this.processTable()
-        } else {
-          this.$message.warning(res.message)
-        }
-      })
-    },
-    // 汇总流程
-    approveHandler () {
-      const index = this.detailData.length - 1 // 当前流程任务最后一步index
-      const isEnd = true
-      let row = { ...this.detailData[this.approveRowIndex + 1] }// 汇总页下一步拿到数据
-      if(this.approveRowIndex === this.detailData.length - 1) { // 最后一步
-        row = { ...this.detailData[this.approveRowIndex] }
-      }
-      row.taskIds = row.id
-      row.taskInfo = row.name
-      row.tabsName = this.$route.query.tabsName
-
-      const currentItem = this.detailData[this.approveRowIndex]
-      row.currentItem = currentItem
-
-      const prcType = this.detailData[index].prcType // 流程类型
-      if (isEnd) {
-        if (this.$store.state.detailMap !== '') {
-          const lastDetailMap = this.$store.getters.getLastDetailMap
-          lastDetailMap.push(this.$store.state.detailMap)
-          this.$store.commit('setLastDetailMap', JSON.stringify(lastDetailMap))
-        }
-        this.$store.commit('setDetailMap', this.$route.path)
-        row.isEnd = isEnd
-        this.setHandleInfo((JSON.stringify(row)))
-        this.setPrcLastDetail((JSON.stringify(row)))
-        // 根据type判断跳转具体流程页面
-        if (prcType === '1') {
-          // 标准入库流程数据 //第一步
-          this.toProcessDetail('bzrkStep1-1', row)
-        }else if(prcType === '2') {
-          // 标准调研流程 //第五步
-          this.toProcessDetail('bzdyStep5-1', row)
-        }else if(prcType === '3') {
-          // 标准征求意见 第七步
-          this.toProcessDetail('bzzqyjStep5-1', row)
-        }else if(prcType === '4') {
-          // 标准清单发布流程数据 第一步
-          this.toProcessDetail('bzqdfbStep1_1', row)
-        } else if(prcType === '9') {
-          // 标准解读流程 数据汇总页面 最后一步 暂时没有
-          this.toProcessDetail('bzjdStep6-1', row)
-        }else if (prcType === '5') {
-          // 标准合规评估流程 最后一步
-          this.toProcessDetail('bzpgStep8-2', row)
-        }else if(prcType === '6') {
-          // 项目合规评估流程 最后一步
-          // this.toProcessDetail('xmpg2Step12-1',row)
-          this.toProcessDetail('xmpgStep5-1', row)
-        }else if(prcType === '10') {
-          // 项目清单确认 最后一步
-          this.toProcessDetail('xmqdqrStep4-1', row)
-        }else if (prcType === '8') {
-          // 未符合项整改 3
-          this.toProcessDetail('wfhxzgStep3-1', row)
-        }else if(prcType === 'buss1') {
-          // 企标制修订 技术标准 第9
-          this.toProcessDetail('bussLibrary11-1', row)
-        }else if(prcType === 'buss2') {
-          // 企标 产品标准 6
-          // this.toProcessDetail('bussLibraryProduct6-1', row)
-          const params = { type: '6' }
-          this.toProcessDetailForParams('bussLibraryProduct', row, params)
-        }else if(prcType === 'buss3') {
-        // 企标复审 4
-          this.toProcessDetail('bussFs2-1', row)
-        }else if(prcType === '24') {
-          // 企标废止 3
-          this.toProcessDetail('qbfzStep4-1', row)
-        }else if(prcType === '25') {
-          // 企标制修订计划管控 1
-          this.toProcessDetail('qbzxdjhgkStep1-1', row)
-        }else if(prcType === '26') {
-          // 企标制修订计划立项 1
-          this.toProcessDetail('qbzxdlxStep1-1', row)
-        } else if (prcType === '33') {
-          const data = []
-          this.detailData.forEach(res => {
-            if (res.taskDefinitionKey == 'PolicySolicitOpinionProcessKey11') {
-              data.push(res)
+    export default {
+        name: 'ProcessDetail',
+        data() {
+            return {
+                nameList: [],
+                approveShow: false,
+                approveRowIndex: 0,
+                assigneeNewLoading: false, // 调整处理人确定loading
+                loginPeople: '',
+                // 调整处理人抽屉状态
+                drawerModal: false,
+                drawerTitle: '',
+                nodeList: [],
+                tasksName: '',
+                selectPeople: '',
+                // loading
+                loading: false,
+                // 流程步骤
+                processStep: null,
+                // 当前节点
+                taskKey: 0,
+                // 当前流程类型(1待办/2已办)
+                processType: 1,
+                // 流程列表
+                detailData: [],
+                taskNames: '',
+                tableRow: [], // 接受表格数据
+                completeFlagType: true, // 判断当前任务是否完成
+                processState: true, // 判断当前流程
+                detailsList: [],
+                shunxu: '',
+                paixu: '',
+                orgTableConfig: {
+                    value: '',
+                    valueName: ''
+                },
+                excludeUser: this.$store.getters.userInfo.userId,
+                num: 0,
             }
-          })
-          this.$router.push({
-            path: '/policyConsultation',
-            query: {
-              taskIds: data[0].id,
-              prcNum: data[0].prcNum,
-              prcName: data[0].prcName,
-              prcType: data[0].prcType,
-              prcId: data[0].processInstanceId,
-              taskDefinitionKey: data[0].taskDefinitionKey,
-              operate: 'view',
-            }
-          })
-        } else if (prcType === '34') {
-          const data = []
-          this.detailData.forEach(res => {
-            if (res.taskDefinitionKey == 'PolicyComplianceProgramReviewProcessKey11') {
-              data.push(res)
-            }
-          })
-          this.$router.push({
-            path: '/policyComplianceReview',
-            query: {
-              taskIds: data[0].id,
-              prcNum: data[0].prcNum,
-              prcName: data[0].prcName,
-              prcType: data[0].prcType,
-              prcId: data[0].processInstanceId,
-              taskDefinitionKey: data[0].taskDefinitionKey,
-              operate: 'view',
-            }
-          })
-        }
-      }
-    },
-    /**
-     * @author liruohao
-     * @date 2019/4/22
-     * @Description: 查看流程最后一步
-     */
-    seeProcessLast () {
-      const index = this.detailData.length - 1 // 当前流程任务最后一步index
-      const isEnd = true
-      const row = { ...this.detailData[0] }
-      row.taskIds = row.id
-      row.taskInfo = row.name
-      row.tabsName = this.$route.query.tabsName
-      const prcType = this.detailData[index].prcType // 流程类型
-      console.log(prcType);
-      // 判断当前流程是否已全部办理完成
-      // this.detailData.map(item => {
-      //   if (!item.endTime) {
-      //     isEnd = false
-      //   }
-      // })
-      if (isEnd) {
-        if (this.$store.state.detailMap !== '') {
-          const lastDetailMap = this.$store.getters.getLastDetailMap
-          lastDetailMap.push(this.$store.state.detailMap)
-          this.$store.commit('setLastDetailMap', JSON.stringify(lastDetailMap))
-        }
-        this.$store.commit('setDetailMap', this.$route.path)
-        row.isEnd = isEnd
-        this.setHandleInfo((JSON.stringify(row)))
-        this.setPrcLastDetail((JSON.stringify(row)))
-        // 根据type判断跳转具体流程页面
-        if (prcType === '1') {
-          // 标准入库流程数据
-          this.toProcessDetail('bzrkStep1', row)
-        }else if(prcType === 'laws1') {
-          // 政策入库
-          // this.toProcessDetail('zcrkStep1',row)
-          this.toProcessDetailForParams('policyWarehousing1', row)
-        }else if(prcType === 'laws2') {
-          // 政策征求意见流程
-          this.toProcessDetail('zczqyjStep1', row)
-        }else if(prcType === 'laws3') {
-          // 重点认证标准/政策合规性项目审查流程
-          this.toProcessDetail('zdrzbzORzchgxxmscStep1', row)
-        }else if(prcType === 'buss1') {
-          // 企标入库
-          this.toProcessDetail('bussLibrary1', row)
-        }else if(prcType === 'buss2') {
-          // 企标入库
-          // this.toProcessDetail('bussLibraryProduct1', row)
-          const params = { type: '1' }
-          this.toProcessDetailForParams('bussLibraryProduct', row, params)
-        }else if(prcType === 'buss3') {
-        // 企标复审
-          this.toProcessDetail('qbfsStep1', row)
-        }else if(prcType === '4') {
-          // 标准清单发布流程数据
-          this.toProcessDetail('bzqdfbStep1', row)
-        }else if (prcType === '5') {
-          // 标准项目合规评估
-          this.toProcessDetail('bzpgStep1', row)
-        }else if(prcType === '6') {
-          // 标准项目合规评估 项目维度
-          this.toProcessDetail('xmpg2Step1', row)
-        } else if (prcType === '8') {
-          // 未符合项整改
-          this.toProcessDetail('wfhxzgStep1', row)
-        } else if(prcType === '9') {
-          this.toProcessDetail('bzjdStep1', row)
-          // 标准调研流程
-        }else if(prcType === '2') {
-          this.toProcessDetail('bzdyStep1', row)
-        }else if(prcType === '3') {
-          // 标准征求意见
-          this.toProcessDetail('bzzqyjStep1', row)
-        }else if(prcType === '10') {
-          // 项目清单确认
-          this.toProcessDetail('xmqdqrStep1', row, 'unShowReceipt')
-        }else if(prcType === '14') {
-          // 加入标准化协会信息备案流程
-          this.toProcessDetail('cywbbzzxdStep1', row,)
-        }else if(prcType === '15') {
-          // 加入标准化协会信息备案流程
-          this.toProcessDetail('jrbzhxhStep1', row,)
-        } else if(prcType === '16') {
-          // 外部署名
-          this.toProcessDetail('wbsmStep1', row)
-        }else if(prcType === '20') {
-          // 入会流程
-          this.toProcessDetail('bzrhStep1', row)
-        } else if(prcType === '21') {
-          // 参会流程
-          this.toProcessDetail('bzchStep1', row)
-        } else if(prcType === '23') {
-          // 企标复审
-          this.toProcessDetail('qbfsStep1', row)
-        }else if(prcType === '24') {
-          // 企标废止
-          this.toProcessDetail('qbfzStep1', row)
-        }else if(prcType === '25') {
-          // 企标制修订计划管控
-          this.toProcessDetail('qbzxdjhgkStep1', row)
-        }else if(prcType === '26') {
-          // 企标制修订计划立项
-          this.toProcessDetail('qbzxdlxStep1', row)
-        }else if(prcType === '17') {
-          // 政策课题入会发起流程
-          this.toProcessDetail('zcrhStep1', row)
-        }else if(prcType === '18') {
-          // 政策课题参会发起流程
-          this.toProcessDetail('zcchStep1', row)
-        }else if(prcType === '12') {
-          // 政策课题参会发起流程
-          this.toProcessDetail('zdrzbzORzchgxxmscStep1', row)
-        }else if(prcType === '29') {
-          // 内外部会议入库
-          // this.toProcessDetail('policyMeetings1',row)
-          this.toProcessDetailForParams('policyMeetings1', row)
-        } else if(prcType === '30') {
-          // 政策课题入会流程
-          const params = { type: 'step1' }
-          this.toProcessDetailForParams('policyTopicEnrollment', row, params)
-        } else if(prcType === '31') {
-          // 政策课题参会流程
-          const params = { type: 'step1' }
-          this.toProcessDetailForParams('policyTopicParticipation', row, params)
-        } else if(prcType === '32') {
-          // 政策法规资料入库流程
-          const params = { type: 'step1' }
-          this.toProcessDetailForParams('policyRegulatoryMaterials', row, params)
-        } else if (prcType === '33') {
-          this.$router.push({
-            path: '/policyConsultation',
-            query: {
-              taskIds: row.id,
-              prcNum: row.prcNum,
-              prcId: row.processInstanceId,
-              prcName: row.prcName,
-              prcType: row.prcType,
-              taskDefinitionKey: row.taskDefinitionKey,
-              operate: 'view',
-            }
-          })
-        } else if (prcType === '34') {
-          this.$router.push({
-            path: '/policyComplianceReview',
-            query: {
-              taskIds: row.id,
-              prcNum: row.prcNum,
-              prcName: row.prcName,
-              prcType: row.prcType,
-              prcId: row.processInstanceId,
-              taskDefinitionKey: row.taskDefinitionKey,
-              operate: 'view',
-            }
-          })
-        }
-      } else {
-        this.$message.warning('当前流程未全部办理完成，无法查看')
-      }
-    },
-    toProcessDetailForParams (componentName, row, params) {
-      this.$router.push({
-        name: componentName,
-        query: {
-          prcType: row.prcType,
-          taskIds: row.id,
-          prcId: row.processInstanceId,
-          prcNum: row.prcNum,
-          prcName: row.prcName,
-          operate: 'view'
         },
-        params
-      })
-    },
-    toProcessDetail (componentName, row, unShowReceipt) {
-      const data = {
-        name: componentName,
-        query: {
-          bpnId: row.bpnId,
-          taskIds: row.id,
-          prcId: row.processInstanceId,
-          prcNum: row.prcNum,
-          prcName: row.prcName,
-          prcType: row.prcType,
-          disabledXX: true,
-          verifySarStandard: true,
-          index: this.approveRowIndex,
-          processInstanceId: row.processInstanceId
+        methods: {
+            getProcessList() {
+                let query = {
+                    actiProcInstId: this.$route.query.actiProcInstId,
+                    flowType: this.$route.query.flowType,
+                }
+                this.$http.get('/lawss/activiti/getImgDataList', query, {
+                    loading: 'loading',
+                    _this: this
+                }, res => {
+                    this.nameList = res
+                    this.nameList.forEach(val => {
+                        if (val.userNames) {
+                            val.userNames = val.userNames.split(',')
+                        }
+                    })
+                    if (this.$route.query.flowType == 'buss1'){
+                        if (this.detailData && this.detailData.length > 0){
+                            if (this.detailData[this.detailData.length - 1].taskKey == 'BussLibraryC3'){
+                                this.nameList.forEach(val => {
+                                    if (val.taskKey == 'BussLibrary3') {
+                                        val.taskStatus = 'todo'
+                                    }
+                                })
+                            }else if (this.detailData[this.detailData.length - 1].taskKey == 'BussLibraryC1'){
+                                this.nameList.forEach(val => {
+                                    if (val.taskKey == 'BussLibrary1') {
+                                        val.taskStatus = 'todo'
+                                    }
+                                })
+                            }else if (this.detailData[this.detailData.length - 1].taskKey == 'BussLibraryC6'){
+                                this.nameList.forEach(val => {
+                                    if (val.taskKey == 'BussLibrary6') {
+                                        val.taskStatus = 'todo'
+                                    }
+                                })
+                            }
+                        }
+                    }
+                    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 => {
+                })
+            },
+            checkedRole(data) {
+                this.assigneeNewLoading = true
+                changeAssigneeNew({
+                    taskId: this.selectPeople.taskId || this.selectPeople.id, // 任务id
+                    assignee: data[0].id, // 被委托人
+                    userId: this.selectPeople.userId || this.selectPeople.assigneeId, // 委托人
+                    pId: this.selectPeople.prcId || this.selectPeople.processInstanceId // 流程实例
+                }).then(res => {
+                    this.assigneeNewLoading = false
+                    if (res.success) {
+                        this.drawerModal = false
+                        this.$message.success('调整成功')
+                        // if (this.$route.query.oldAndNew == 'new' && (this.$route.query.flowType == '3' || this.$route.query.flowType == 'buss1')) {
+                        //     this.getProcessList()
+                        // } else {
+                        //     this.processNum()
+                        // }
+                        this.processTable(1)
+                    } else {
+                        this.$message.warning(res.message)
+                    }
+                })
+            },
+            integrateData(list) {
+                list = list.reverse()
+                let row = {}
+                for (let i = 0; i < list.length; i++) {
+                    if (list[i].taskId) {
+                        row = list[i]
+                       return row
+                    } else {
+                        if (list[i].children && list[i].children.length > 0) {
+                            let children = list[i].children.reverse()
+                            for (let j = 0; j < children.length; j++) {
+                                if (children[j].taskId){
+                                    row = children[j]
+                                    return row
+                                }
+                            }
+                        }
+                    }
+                }
+            },
+            // 汇总流程
+            approveHandler() {
+                const index = this.detailData.length - 1 // 当前流程任务最后一步index
+                const isEnd = true
+                let prcType = ''
+                let row = {}
+                if (this.$route.query.oldAndNew == 'new' && (this.$route.query.flowType == '3' || this.$route.query.flowType == 'buss1')) {
+                    row = this.integrateData(JSON.parse(JSON.stringify(this.detailData)))
+                    prcType = row.flowType
+                    row.taskInfo = row.taskKeyShow
+                    row.taskIds = row.taskId
+                    row.tabsName = this.$route.query.tabsName
+                    row.prcType = row.flowType
+                } else {
+                    row = {...this.detailData[this.approveRowIndex + 1]}// 汇总页下一步拿到数据
+                    if (this.approveRowIndex === this.detailData.length - 1) { // 最后一步
+                        row = {...this.detailData[this.approveRowIndex]}
+                    }
+                    row.taskIds = row.id
+                    row.taskInfo = row.name
+                    row.tabsName = this.$route.query.tabsName
+                    const currentItem = this.detailData[this.approveRowIndex]
+                    row.currentItem = currentItem
+                    prcType = this.detailData[index].prcType
+                }
+                if (isEnd) {
+                    if (this.$store.state.detailMap !== '') {
+                        const lastDetailMap = this.$store.getters.getLastDetailMap
+                        lastDetailMap.push(this.$store.state.detailMap)
+                        this.$store.commit('setLastDetailMap', JSON.stringify(lastDetailMap))
+                    }
+                    this.$store.commit('setDetailMap', this.$route.path)
+                    row.isEnd = isEnd
+                    this.setHandleInfo((JSON.stringify(row)))
+                    this.setPrcLastDetail((JSON.stringify(row)))
+                    // 根据type判断跳转具体流程页面
+                    if (prcType === '1') {
+                        // 标准入库流程数据 //第一步
+                        this.toProcessDetail('bzrkStep1-1', row)
+                    } else if (prcType === '2') {
+                        // 标准调研流程 //第五步
+                        this.toProcessDetail('bzdyStep5-1', row)
+                    } else if (prcType === '3') {
+                        // 标准征求意见 第七步
+                        this.toProcessDetail('bzzqyjStep5-1', row)
+                    } else if (prcType === '4') {
+                        // 标准清单发布流程数据 第一步
+                        this.toProcessDetail('bzqdfbStep1_1', row)
+                    } else if (prcType === '9') {
+                        // 标准解读流程 数据汇总页面 最后一步 暂时没有
+                        this.toProcessDetail('bzjdStep6-1', row)
+                    } else if (prcType === '5') {
+                        // 标准合规评估流程 最后一步
+                        this.toProcessDetail('bzpgStep8-2', row)
+                    } else if (prcType === '6') {
+                        // 项目合规评估流程 最后一步
+                        // this.toProcessDetail('xmpg2Step12-1',row)
+                        this.toProcessDetail('xmpgStep5-1', row)
+                    } else if (prcType === '10') {
+                        // 项目清单确认 最后一步
+                        this.toProcessDetail('xmqdqrStep4-1', row)
+                    } else if (prcType === '8') {
+                        // 未符合项整改 3
+                        this.toProcessDetail('wfhxzgStep3-1', row)
+                    } else if (prcType === 'buss1') {
+                        // 企标制修订 技术标准 第9
+                        this.toProcessDetail('bussLibrary11-1', row)
+                    } else if (prcType === 'buss2') {
+                        // 企标 产品标准 6
+                        // this.toProcessDetail('bussLibraryProduct6-1', row)
+                        const params = {type: '6'}
+                        this.toProcessDetailForParams('bussLibraryProduct', row, params)
+                    } else if (prcType === 'buss3') {
+                        // 企标复审 4
+                        this.toProcessDetail('bussFs2-1', row)
+                    } else if (prcType === '24') {
+                        // 企标废止 3
+                        this.toProcessDetail('qbfzStep4-1', row)
+                    } else if (prcType === '25') {
+                        // 企标制修订计划管控 1
+                        this.toProcessDetail('qbzxdjhgkStep1-1', row)
+                    } else if (prcType === '26') {
+                        // 企标制修订计划立项 1
+                        this.toProcessDetail('qbzxdlxStep1-1', row)
+                    } else if (prcType === '33') {
+                        const data = []
+                        this.detailData.forEach(res => {
+                            if (res.taskDefinitionKey == 'PolicySolicitOpinionProcessKey11') {
+                                data.push(res)
+                            }
+                        })
+                        this.$router.push({
+                            path: '/policyConsultation',
+                            query: {
+                                taskIds: data[0].id,
+                                prcNum: data[0].prcNum,
+                                prcName: data[0].prcName,
+                                prcType: data[0].prcType,
+                                prcId: data[0].processInstanceId,
+                                taskDefinitionKey: data[0].taskDefinitionKey,
+                                operate: 'view',
+                            }
+                        })
+                    } else if (prcType === '34') {
+                        const data = []
+                        this.detailData.forEach(res => {
+                            if (res.taskDefinitionKey == 'PolicyComplianceProgramReviewProcessKey11') {
+                                data.push(res)
+                            }
+                        })
+                        this.$router.push({
+                            path: '/policyComplianceReview',
+                            query: {
+                                taskIds: data[0].id,
+                                prcNum: data[0].prcNum,
+                                prcName: data[0].prcName,
+                                prcType: data[0].prcType,
+                                prcId: data[0].processInstanceId,
+                                taskDefinitionKey: data[0].taskDefinitionKey,
+                                operate: 'view',
+                            }
+                        })
+                    }
+                }
+            },
+            /**
+             * @author liruohao
+             * @date 2019/4/22
+             * @Description: 查看流程最后一步
+             */
+            seeProcessLast() {
+                const row = {...this.detailData[0]}
+                let prcType = ''
+                const index = this.detailData.length - 1 // 当前流程任务最后一步index
+                const isEnd = true
+                if (this.$route.query.oldAndNew == 'new' && (this.$route.query.flowType == '3' || this.$route.query.flowType == 'buss1')) {
+                    prcType = row.flowType
+                    row.taskInfo = row.taskKeyShow
+                    row.taskIds = row.taskId
+                    row.tabsName = this.$route.query.tabsName
+                    row.prcType = row.flowType
+                } else {
+                    row.taskIds = row.id
+                    row.taskInfo = row.name
+                    row.tabsName = this.$route.query.tabsName
+                    prcType = this.detailData[index].prcType
+                }
+                // 判断当前流程是否已全部办理完成
+                // this.detailData.map(item => {
+                //   if (!item.endTime) {
+                //     isEnd = false
+                //   }
+                // })
+                if (isEnd) {
+                    if (this.$store.state.detailMap !== '') {
+                        const lastDetailMap = this.$store.getters.getLastDetailMap
+                        lastDetailMap.push(this.$store.state.detailMap)
+                        this.$store.commit('setLastDetailMap', JSON.stringify(lastDetailMap))
+                    }
+                    this.$store.commit('setDetailMap', this.$route.path)
+                    row.isEnd = isEnd
+                    this.setHandleInfo((JSON.stringify(row)))
+                    this.setPrcLastDetail((JSON.stringify(row)))
+                    // 根据type判断跳转具体流程页面
+                    if (prcType === '1') {
+                        // 标准入库流程数据
+                        this.toProcessDetail('bzrkStep1', row)
+                    } else if (prcType === 'laws1') {
+                        // 政策入库
+                        // this.toProcessDetail('zcrkStep1',row)
+                        this.toProcessDetailForParams('policyWarehousing1', row)
+                    } else if (prcType === 'laws2') {
+                        // 政策征求意见流程
+                        this.toProcessDetail('zczqyjStep1', row)
+                    } else if (prcType === 'laws3') {
+                        // 重点认证标准/政策合规性项目审查流程
+                        this.toProcessDetail('zdrzbzORzchgxxmscStep1', row)
+                    } else if (prcType === 'buss1') {
+                        // 企标入库
+                        this.toProcessDetail('bussLibrary1', row)
+                    } else if (prcType === 'buss2') {
+                        // 企标入库
+                        // this.toProcessDetail('bussLibraryProduct1', row)
+                        const params = {type: '1'}
+                        this.toProcessDetailForParams('bussLibraryProduct', row, params)
+                    } else if (prcType === 'buss3') {
+                        // 企标复审
+                        this.toProcessDetail('qbfsStep1', row)
+                    } else if (prcType === '4') {
+                        // 标准清单发布流程数据
+                        this.toProcessDetail('bzqdfbStep1', row)
+                    } else if (prcType === '5') {
+                        // 标准项目合规评估
+                        this.toProcessDetail('bzpgStep1', row)
+                    } else if (prcType === '6') {
+                        // 标准项目合规评估 项目维度
+                        this.toProcessDetail('xmpg2Step1', row)
+                    } else if (prcType === '8') {
+                        // 未符合项整改
+                        this.toProcessDetail('wfhxzgStep1', row)
+                    } else if (prcType === '9') {
+                        this.toProcessDetail('bzjdStep1', row)
+                        // 标准调研流程
+                    } else if (prcType === '2') {
+                        this.toProcessDetail('bzdyStep1', row)
+                    } else if (prcType === '3') {
+                        // 标准征求意见
+                        this.toProcessDetail('bzzqyjStep1', row)
+                    } else if (prcType === '10') {
+                        // 项目清单确认
+                        this.toProcessDetail('xmqdqrStep1', row, 'unShowReceipt')
+                    } else if (prcType === '14') {
+                        // 加入标准化协会信息备案流程
+                        this.toProcessDetail('cywbbzzxdStep1', row,)
+                    } else if (prcType === '15') {
+                        // 加入标准化协会信息备案流程
+                        this.toProcessDetail('jrbzhxhStep1', row,)
+                    } else if (prcType === '16') {
+                        // 外部署名
+                        this.toProcessDetail('wbsmStep1', row)
+                    } else if (prcType === '20') {
+                        // 入会流程
+                        this.toProcessDetail('bzrhStep1', row)
+                    } else if (prcType === '21') {
+                        // 参会流程
+                        this.toProcessDetail('bzchStep1', row)
+                    } else if (prcType === '23') {
+                        // 企标复审
+                        this.toProcessDetail('qbfsStep1', row)
+                    } else if (prcType === '24') {
+                        // 企标废止
+                        this.toProcessDetail('qbfzStep1', row)
+                    } else if (prcType === '25') {
+                        // 企标制修订计划管控
+                        this.toProcessDetail('qbzxdjhgkStep1', row)
+                    } else if (prcType === '26') {
+                        // 企标制修订计划立项
+                        this.toProcessDetail('qbzxdlxStep1', row)
+                    } else if (prcType === '17') {
+                        // 政策课题入会发起流程
+                        this.toProcessDetail('zcrhStep1', row)
+                    } else if (prcType === '18') {
+                        // 政策课题参会发起流程
+                        this.toProcessDetail('zcchStep1', row)
+                    } else if (prcType === '12') {
+                        // 政策课题参会发起流程
+                        this.toProcessDetail('zdrzbzORzchgxxmscStep1', row)
+                    } else if (prcType === '29') {
+                        // 内外部会议入库
+                        // this.toProcessDetail('policyMeetings1',row)
+                        this.toProcessDetailForParams('policyMeetings1', row)
+                    } else if (prcType === '30') {
+                        // 政策课题入会流程
+                        const params = {type: 'step1'}
+                        this.toProcessDetailForParams('policyTopicEnrollment', row, params)
+                    } else if (prcType === '31') {
+                        // 政策课题参会流程
+                        const params = {type: 'step1'}
+                        this.toProcessDetailForParams('policyTopicParticipation', row, params)
+                    } else if (prcType === '32') {
+                        // 政策法规资料入库流程
+                        const params = {type: 'step1'}
+                        this.toProcessDetailForParams('policyRegulatoryMaterials', row, params)
+                    } else if (prcType === '33') {
+                        this.$router.push({
+                            path: '/policyConsultation',
+                            query: {
+                                taskIds: row.id,
+                                prcNum: row.prcNum,
+                                prcId: row.processInstanceId,
+                                prcName: row.prcName,
+                                prcType: row.prcType,
+                                taskDefinitionKey: row.taskDefinitionKey,
+                                operate: 'view',
+                            }
+                        })
+                    } else if (prcType === '34') {
+                        this.$router.push({
+                            path: '/policyComplianceReview',
+                            query: {
+                                taskIds: row.id,
+                                prcNum: row.prcNum,
+                                prcName: row.prcName,
+                                prcType: row.prcType,
+                                prcId: row.processInstanceId,
+                                taskDefinitionKey: row.taskDefinitionKey,
+                                operate: 'view',
+                            }
+                        })
+                    }
+                } else {
+                    this.$message.warning('当前流程未全部办理完成，无法查看')
+                }
+            },
+            toProcessDetailForParams(componentName, row, params) {
+                this.$router.push({
+                    name: componentName,
+                    query: {
+                        prcType: row.prcType,
+                        taskIds: row.id,
+                        prcId: row.processInstanceId,
+                        prcNum: row.prcNum,
+                        prcName: row.prcName,
+                        operate: 'view'
+                    },
+                    params
+                })
+            },
+            toProcessDetail(componentName, row, unShowReceipt) {
+                const data = {
+                    name: componentName,
+                    query: {
+                        bpnId: row.bpnId,
+                        taskIds: row.taskIds || row.id,
+                        prcId: row.prcId || row.processInstanceId,
+                        prcNum: row.prcNum,
+                        prcName: row.prcName,
+                        prcType: row.prcType,
+                        disabledXX: true,
+                        verifySarStandard: true,
+                        index: this.approveRowIndex,
+                        processInstanceId: row.prcId || row.processInstanceId
+                    },
+                    params: {
+                        currentItem: row.currentItem
+                    }
+                }
+                if (unShowReceipt) {
+                    data.query.unShowReceipt = true
+                }
+                const routeUrl = this.$router.resolve(data)
+                window.open(routeUrl.href, '_blank')
+                // this.$router.push(data)
+            },
+            // table行选择事件
+            tableChange(row) {
+                this.tableRow = row
+            },
+            // 办理任务
+            handlingTasks() {
+                // 判断选中一条数据、未完成数据、当前登陆人数据
+                if (this.tableRow.length === 1 && !this.tableRow[0].endTime && this.tableRow[0].assigneeId === this.$store.getters.userInfo.userId) {
+                    if (this.$store.state.detailMap !== '') {
+                        const lastDetailMap = this.$store.getters.getLastDetailMap
+                        lastDetailMap.push(this.$store.state.detailMap)
+                        this.$store.commit('setLastDetailMap', JSON.stringify(lastDetailMap))
+                    }
+                    // this.tableRow[0].processType = this.$route.params.processType
+                    this.$store.commit('setDetailMap', this.$route.path)
+                    const row = {
+                        taskIds: this.tableRow[0].id,
+                        prcId: this.tableRow[0].processDefinitionId,
+                        prcNum: this.tableRow[0].prcNum,
+                        prcName: this.tableRow[0].prcName,
+                        prcType: this.tableRow[0].prcType,
+                        taskInfo: this.tableRow[0].name,
+                        tabsName: this.$route.query.tabsName
+                    }
+                    this.setHandleInfo((JSON.stringify(row)))
+                    const prcType = row.prcType
+                    switch (prcType) {
+                        // 法规入库及评估流程
+                        case '1':
+                            if (row.taskInfo === '法规工程师修改') {
+                                this.$router.push({
+                                    name: 'RuKuStep1',
+                                    query: {
+                                        taskIds: row.taskIds,
+                                        prcId: row.prcId,
+                                        prcNum: row.prcNum,
+                                        prcName: row.prcName,
+                                        prcType: row.prcType
+                                    }
+                                })
+                            } else if (row.taskInfo === '联络人分发FO') {
+                                this.$router.push({
+                                    name: 'RuKuStep2',
+                                    query: {
+                                        taskIds: row.taskIds,
+                                        prcId: row.prcId,
+                                        prcNum: row.prcNum,
+                                        prcName: row.prcName,
+                                        prcType: row.prcType
+                                    }
+                                })
+                            } else if (row.taskInfo === 'FO填写') {
+                                this.$router.push({
+                                    name: 'RuKuStep3',
+                                    query: {
+                                        taskIds: row.taskIds,
+                                        prcId: row.prcId,
+                                        prcNum: row.prcNum,
+                                        prcName: row.prcName,
+                                        prcType: row.prcType
+                                    }
+                                })
+                            } else if (row.taskInfo === '高级经理审批') {
+                                this.$router.push({
+                                    name: 'RuKuStep4',
+                                    query: {
+                                        taskIds: row.taskIds,
+                                        prcId: row.prcId,
+                                        prcNum: row.prcNum,
+                                        prcName: row.prcName,
+                                        prcType: row.prcType
+                                    }
+                                })
+                            } else if (row.taskInfo === '发起人汇总') {
+                                this.$router.push({
+                                    name: 'RuKuStep5',
+                                    query: {
+                                        taskIds: row.taskIds,
+                                        prcId: row.prcId,
+                                        prcNum: row.prcNum,
+                                        prcName: row.prcName,
+                                        prcType: row.prcType
+                                    }
+                                })
+                            }
+                            break
+
+                        // 法规入库及评估流程
+                        case '2':
+                            if (row.taskInfo === 'FO填写') {
+                                this.$router.push({
+                                    name: 'handle',
+                                    query: {
+                                        taskIds: row.taskIds,
+                                        prcId: row.prcId,
+                                        prcNum: row.prcNum,
+                                        prcName: row.prcName,
+                                        prcType: row.prcType
+                                    }
+                                })
+                            } else if (row.taskInfo === '再次下发' || row.taskInfo === '回退再次下发' || row.taskInfo === '单条回退再次下发') {
+                                this.$router.push({
+                                    name: 'handle1',
+                                    query: {
+                                        newtype: '1',
+                                        taskIds: row.taskIds,
+                                        prcId: row.prcId,
+                                        prcNum: row.prcNum,
+                                        prcName: row.prcName,
+                                        prcType: row.prcType
+                                    }
+                                })
+                            } else if (row.taskInfo === '高级经理审核') {
+                                this.$router.push({
+                                    name: 'handle2',
+                                    query: {
+                                        taskIds: row.taskIds,
+                                        prcId: row.prcId,
+                                        prcNum: row.prcNum,
+                                        prcName: row.prcName,
+                                        prcType: row.prcType
+                                    }
+                                })
+                            } else if (row.taskInfo === '发起人汇总') {
+                                this.$router.push({
+                                    name: 'handle3',
+                                    query: {
+                                        taskIds: row.taskIds,
+                                        prcId: row.prcId,
+                                        prcNum: row.prcNum,
+                                        prcName: row.prcName,
+                                        prcType: row.prcType
+                                    }
+                                })
+                            }
+                            break
+
+                        // 项目评估流程
+                        case '3':
+                            if (row.taskInfo === 'VSE分发') {
+                                this.$router.push({
+                                    name: 'XmpgSetp2'
+                                })
+                            } else if (row.taskInfo === 'DRE评估') {
+                                this.$router.push({
+                                    name: 'XmpgSetp3'
+                                })
+                            } else if (row.taskInfo === '一级审批') {
+                                this.$router.push({
+                                    name: 'XmpgSetp4'
+                                })
+                            } else if (row.taskInfo === '二级审批') {
+                                this.$router.push({
+                                    name: 'XmpgSetp5'
+                                })
+                            } else if (row.taskInfo === '发起人汇总') {
+                                this.$router.push({
+                                    name: 'XmpgSetp6'
+                                })
+                            }
+                            break
+
+                        // 企标制修订流程
+                        case '4':
+                            if (row.taskInfo === '起草人重新编辑') {
+                                this.$router.push({
+                                    name: 'qbzxdStep1',
+                                    query: {
+                                        taskIds: row.taskIds
+                                    }
+                                })
+                            } else if (row.taskInfo === '其他起草人审批') {
+                                this.$router.push({
+                                    name: 'qbzxdStep2-1',
+                                    query: {
+                                        taskIds: row.taskIds
+                                    }
+                                })
+                            } else if (row.taskInfo === '会签部门联络人转发') {
+                                this.$router.push({
+                                    name: 'qbzxdStep2-2',
+                                    query: {
+                                        taskIds: row.taskIds
+                                    }
+                                })
+                            } else if (row.taskInfo === 'FO审批') {
+                                this.$router.push({
+                                    name: 'qbzxdStep3-1',
+                                    query: {
+                                        taskIds: row.taskIds
+                                    }
+                                })
+                            } else if (row.taskInfo === '会签部门审批') {
+                                this.$router.push({
+                                    name: 'qbzxdStep3-2',
+                                    query: {
+                                        taskIds: row.taskIds
+                                    }
+                                })
+                            } else if (row.taskInfo === '高级经理审批') {
+                                this.$router.push({
+                                    name: 'qbzxdStep4',
+                                    query: {
+                                        taskIds: row.taskIds
+                                    }
+                                })
+                            } else if (row.taskInfo === '企标工程师审批') {
+                                this.$router.push({
+                                    name: 'qbzxdStep5',
+                                    query: {
+                                        taskIds: row.taskIds
+                                    }
+                                })
+                            }
+                            break
+
+                        case '5':
+                            if (row.taskInfo === '填写计划') {
+                                this.$router.push({
+                                    name: 'zgStep2'
+                                })
+                            } else if (row.taskInfo === '审批计划') {
+                                this.$router.push({
+                                    name: 'zgStep3'
+                                })
+                            } else if (row.taskInfo === '设计方案') {
+                                this.$router.push({
+                                    name: 'zgStep4'
+                                })
+                            } else if (row.taskInfo === '审核设计') {
+                                this.$router.push({
+                                    name: 'zgStep5'
+                                })
+                            } else if (row.taskInfo === '验证结果') {
+                                this.$router.push({
+                                    name: 'zgStep6'
+                                })
+                            } else if (row.taskInfo === '审核验证') {
+                                this.$router.push({
+                                    name: 'zgStep7'
+                                })
+                            } else if (row.taskInfo === '更改落实') {
+                                this.$router.push({
+                                    name: 'zgStep8'
+                                })
+                            } else if (row.taskInfo === '审核更改') {
+                                this.$router.push({
+                                    name: 'zgStep9'
+                                })
+                            }
+                            break
+
+                        case '6':
+                            if (row.taskInfo === '起草人修订') {
+                                this.$router.push({
+                                    name: 'QbzxdsqStep4'
+                                })
+                            } else if (row.taskInfo === 'FO审批') {
+                                this.$router.push({
+                                    name: 'QbzxdsqStep2'
+                                })
+                            } else if (row.taskInfo === '高级经理审批') {
+                                this.$router.push({
+                                    name: 'QbzxdsqStep3'
+                                })
+                            }
+                            break
+
+                        // 企标废止流程
+                        case '7':
+                            if (row.taskInfo === '起草人修改') {
+                                this.$router.push({
+                                    name: 'qbfzStep1',
+                                    query: {
+                                        taskIds: row.taskIds
+                                    }
+                                })
+                            } else if (row.taskInfo === 'FO审批') {
+                                this.$router.push({
+                                    name: 'qbfzStep2',
+                                    query: {
+                                        taskIds: row.taskIds
+                                    }
+                                })
+                            } else if (row.taskInfo === '高级经理审批') {
+                                this.$router.push({
+                                    name: 'qbfzStep3',
+                                    query: {
+                                        taskIds: row.taskIds
+                                    }
+                                })
+                            } else if (row.taskInfo === '总监审批') {
+                                this.$router.push({
+                                    name: 'qbfzStep4',
+                                    query: {
+                                        taskIds: row.taskIds
+                                    }
+                                })
+                            } else if (row.taskInfo === '企标工程师审批') {
+                                this.$router.push({
+                                    name: 'qbfzStep5',
+                                    query: {
+                                        taskIds: row.taskIds
+                                    }
+                                })
+                            }
+                            break
+
+                        // 企标延期制修订审批流程
+                        case '8':
+                            if (row.taskInfo === '高级经理审核') {
+                                this.$router.push({
+                                    name: 'QbyqzxdspStep2'
+                                })
+                            } else if (row.taskInfo === '总监审批') {
+                                this.$router.push({
+                                    name: 'QbyqzxdspStep3'
+                                })
+                            } else if (row.taskInfo === '主起草人重新申请') {
+                                this.$router.push({
+                                    name: 'QbyqzxdspStep4'
+                                })
+                            }
+                            break
+                        // 采购流程
+                        case '9':
+                            if (row.taskInfo === '高级经理审批') {
+                                this.$router.push({
+                                    path: '/bzcg/step2',
+                                    query: {
+                                        prcName: row.prcName,
+                                        prcNum: row.prcNum,
+                                        taskIds: row.taskIds
+                                    }
+                                })
+                            } else if (row.taskInfo === '采购员审批') {
+                                this.$router.push({
+                                    path: '/bzcg/step3',
+                                    query: {
+                                        prcName: row.prcName,
+                                        prcNum: row.prcNum,
+                                        taskIds: row.taskIds
+                                    }
+                                })
+                            } else if (row.taskInfo === '项目经理或者EQ总监审批') {
+                                this.$router.push({
+                                    path: '/bzcg/step4',
+                                    query: {
+                                        prcName: row.prcName,
+                                        prcNum: row.prcNum,
+                                        taskIds: row.taskIds
+                                    }
+                                })
+                            } else if (row.taskInfo === '再次发起申请') {
+                                this.$router.push({
+                                    path: '/bzcg/step1-1',
+                                    query: {
+                                        prcName: row.prcName,
+                                        prcNum: row.prcNum,
+                                        taskIds: row.taskIds
+                                    }
+                                })
+                            }
+                            break
+                        // 会前流程
+                        case '10':
+                            if (row.taskInfo === '领导审批') {
+                                this.$router.push({
+                                    name: 'HqsqStep2'
+                                })
+                            } else if (row.taskInfo === '工程师修改') {
+                                this.$router.push({
+                                    name: 'HqsqStep3'
+                                })
+                            }
+                            break
+                        // 企标制修订评估流程
+                        case '11':
+                            if (row.taskInfo === 'FO审批') {
+                                this.$router.push({
+                                    name: 'QbzxdpgStep2'
+                                })
+                            } else if (row.taskInfo === '主起草人填写') {
+                                this.$router.push({
+                                    name: 'QbzxdpgStep3'
+                                })
+                            } else if (row.taskInfo === '高级经理审批') {
+                                this.$router.push({
+                                    name: 'QbzxdpgStep4'
+                                })
+                            }
+                            break
+                        // 企标勘误流程
+                        case '12':
+                            if (row.taskInfo === 'FO审批') {
+                                this.$router.push({
+                                    name: 'QbkwStep2'
+                                })
+                            } else if (row.taskInfo === '企标工程师发布') {
+                                this.$router.push({
+                                    name: 'QbkwStep3'
+                                })
+                            } else if (row.taskInfo === '主起草人修改') {
+                                this.$router.push({
+                                    name: 'QbkwStep4'
+                                })
+                            }
+                            break
+
+                        // 政策入库及技术评估
+                        case '14':
+                            if (row.taskInfo === '再次下发') {
+                                this.$router.push({
+                                    name: 'zcrk&jspgStep1',
+                                    query: {
+                                        taskIds: row.taskIds
+                                    }
+                                })
+                            } else if (row.taskInfo === 'FO填写SVPPS') {
+                                this.$router.push({
+                                    name: 'zcrk&jspgStep2',
+                                    query: {
+                                        taskIds: row.taskIds
+                                    }
+                                })
+                            } else if (row.taskInfo === '标准采购员审批') {
+                                this.$router.push({
+                                    path: '/bzfy/step3',
+                                    query: {
+                                        taskIds: row.taskIds
+                                    }
+                                })
+                            } else if (row.taskInfo === 'FO审批') {
+                                this.$router.push({
+                                    name: 'zcrk&jspgStep3',
+                                    query: {
+                                        taskIds: row.taskIds
+                                    }
+                                })
+                            } else if (row.taskInfo === 'FO填写时间') {
+                                this.$router.push({
+                                    name: 'zcrk&jspgStep3',
+                                    query: {
+                                        taskIds: row.taskIds,
+                                        taskInfo: row.taskInfo
+                                    }
+                                })
+                            }
+                            break
+
+                        // 标准翻译流程
+                        case '15':
+                            if (row.taskInfo === '高级经理审批') {
+                                this.$router.push({
+                                    path: '/bzfy/step2',
+                                    query: {
+                                        taskIds: row.taskIds,
+                                        prcName: row.prcName,
+                                        prcNum: row.prcNum
+                                    }
+                                })
+                            } else if (row.taskInfo === '标准采购员审批') {
+                                this.$router.push({
+                                    path: '/bzfy/step3',
+                                    query: {
+                                        prcName: row.prcName,
+                                        prcNum: row.prcNum,
+                                        taskIds: row.taskIds
+                                    }
+                                })
+                            } else if (row.taskInfo === '项目经理或EQ总监审批') {
+                                this.$router.push({
+                                    path: '/bzfy/step4',
+                                    query: {
+                                        prcName: row.prcName,
+                                        prcNum: row.prcNum,
+                                        taskIds: row.taskIds
+                                    }
+                                })
+                            } else if (row.taskInfo === '再次发起申请') {
+                                this.$router.push({
+                                    path: '/bzfy/step1-1',
+                                    query: {
+                                        prcName: row.prcName,
+                                        prcNum: row.prcNum,
+                                        taskIds: row.taskIds
+                                    }
+                                })
+                            }
+                            break
+                        // 会后管理流程
+                        case '16':
+                            if (row.taskInfo === '工程师发起流程' || row.taskInfo === '主起草人修改') {
+                                this.$router.push({
+                                    name: 'HhglStep1'
+                                })
+                            } else if (row.taskInfo === '领导审批') {
+                                this.$router.push({
+                                    name: 'HhglStep2'
+                                })
+                            }
+                            break
+                        // 企标备案流程
+                        case '17':
+                            if (row.taskInfo === 'VSE/认证工程师/法规工程师审批') {
+                                this.$router.push({
+                                    name: 'QbbaStep2'
+                                })
+                            } else if (row.taskInfo === '企标工程师审批') {
+                                this.$router.push({
+                                    name: 'QbbaStep3'
+                                })
+                            } else if (row.taskInfo === '整车性能集成工程师审核') {
+                                this.$router.push({
+                                    name: 'QbbaStep4'
+                                })
+                            } else if (row.taskInfo === '总监审核') {
+                                this.$router.push({
+                                    name: 'QbbaStep5'
+                                })
+                            } else if (row.taskInfo === '企标备案专家审批') {
+                                this.$router.push({
+                                    name: 'QbbaStep6'
+                                })
+                            } else if (row.taskInfo === '项目总工审批') {
+                                this.$router.push({
+                                    name: 'QbbaStep7'
+                                })
+                            } else if (row.taskInfo === '再次发起') {
+                                this.$router.push({
+                                    name: 'QbbaStep8'
+                                })
+                            }
+                            break
+                        // 海外标准法规清单发布/更新流程
+                        case '18':
+                            if (row.taskInfo === '会签审批') {
+                                this.$router.push({
+                                    name: 'bzqdStep2'
+                                })
+                            } else if (row.taskInfo === '发起人确认') {
+                                this.$router.push({
+                                    name: 'bzqdStep3'
+                                })
+                            }
+                            break
+                        // 企标复审流程
+                        case '19':
+                            if (row.taskInfo === '法规联络人发起复审或企标工程师选择法规联络人') {
+                                this.$router.push({
+                                    path: '/qbfs/step1',
+                                    query: {
+                                        taskIds: row.taskIds
+                                    }
+                                })
+                            } else if (row.taskInfo === '选择法规联络人') {
+                                this.$router.push({
+                                    path: '/qbfs/step2',
+                                    query: {
+                                        taskIds: row.taskIds
+                                    }
+                                })
+                            }
+                            break
+                    }
+                } else {
+                    this.$message.warning('请选择一条未完成以及受理人是本人的数据')
+                }
+            },
+            // 调整处理人
+            adjustmentHandler() {
+                if (this.tableRow.length === 1 && !this.tableRow[0].endTime) {
+                    if (this.$route.query.oldAndNew == 'new' && (this.$route.query.flowType == '3' || this.$route.query.flowType == 'buss1')){
+                        if (this.tableRow[0].taskId){
+                            this.drawerModal = true
+                            this.drawerTitle = '调整处理人'
+                            this.selectPeople = this.tableRow[0]
+                        }else{
+                            this.$message.warning('请选择子流程节点数据')
+                        }
+                    }else{
+                        this.drawerModal = true
+                        this.drawerTitle = '调整处理人'
+                        this.selectPeople = this.tableRow[0]
+                    }
+
+                } else {
+                    this.$message.warning('请选择一条未完成的数据')
+                }
+            },
+            // 催办
+            urgeRow() {
+                if (this.tableRow.length === 1 && !this.tableRow[0].endTime) {
+                    this.$confirm('您确认要催办该任务吗', '提示', {
+                        confirmButtonText: '确定',
+                        cancelButtonText: '取消',
+                        type: 'warning',
+                        confirmButtonClass: 'common-button-primary',
+                        roundButton: true
+                    }).then(() => {
+                        this.urge(this.tableRow[0])
+                    })
+                } else {
+                    this.$message.warning('请选择一条未完成的数据')
+                }
+            },
+            // 清空条件
+            clearanceCondition() {
+                this.completeFlagType = true
+                this.tableRow = []
+            },
+            back() {
+                this.$router.push({
+                    name: 'ProcessCenter',
+                    query: {
+                        tabsName: this.$route.query.tabsName
+                    }
+                })
+            },
+            // 调整处理人确定事件
+            addTree(checkedList) {
+                if (checkedList.length !== 1) {
+                    this.$message.warning('请选择一个处理人进行调整')
+                } else {
+                    this.assigneeNewLoading = true
+                    changeAssigneeNew({
+                        taskId: this.selectPeople.id, // 任务id
+                        assignee: checkedList[0].userId, // 被委托人
+                        userId: this.selectPeople.assigneeId, // 委托人
+                        pId: this.selectPeople.processInstanceId // 流程实例
+                    }).then(res => {
+                        this.assigneeNewLoading = false
+                        if (res.success) {
+                            this.drawerModal = false
+                            this.$message.success('调整成功')
+/*                            if (this.$route.query.oldAndNew == 'new' && (this.$route.query.flowType == '3' || this.$route.query.flowType == 'buss1')) {
+                                this.getProcessList()
+                            } else {
+                                this.processNum()
+                            }*/
+                            this.processTable(1)
+                        } else {
+                            this.$message.warning(res.message)
+                        }
+                    })
+                }
+            },
+            /**
+             * @description: 流程催办
+             * @author: chenxiaoxi
+             * @date: 2018/10/11 13:41:45
+             */
+            urge(row) {
+                this.$http.postData('person/personMsg/saveNew',
+                    {
+                        msgContent: '流程编号为' + row.prcNum + '的流程，请尽快办理。',
+                        msgTitle: '流程编号' + row.prcNum,
+                        userId: row.assigneeId,
+                        msgType: 'TEXT'
+                    },
+                    {
+                        loading: 'loading',
+                        _this: this
+                    }, res => {
+                        this.clearanceCondition()
+                        this.processTable()
+                        this.$message.success('催办成功')
+                    }, e => {
+                    })
+            },
+            // 请求转换流程图
+            processNum() {
+                axios.request({
+                    url: '/api/lawss/activiti/getImg?_t=' + new Date().getTime(),
+                    responseType: 'blob',
+                    method: 'get',
+                    params: {
+                        prcNum: this.$route.query.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)
+                })
+            },
+            // 请求列表
+            processTable(num) {
+                let url = ''
+                let query = {}
+                if (this.$route.query.oldAndNew == 'new' && (this.$route.query.flowType == '3' || this.$route.query.flowType == 'buss1')) {
+                    url = '/lawss/activiti/queryFlowHistoryList'
+                    query = {
+                        actiProcInstId: this.$route.query.actiProcInstId,
+                        flowType: this.$route.query.flowType,
+                    }
+                } else {
+                    url = 'lawss/activiti/get_list_by_instance'
+                    query = {
+                        prcNum: this.$route.query.prcNum,
+                        sortWord: this.shunxu ? this.paixu : '',
+                        shunxu: this.shunxu
+                    }
+                }
+                this.$http.get(url, query, {
+                    loading: 'loading',
+                    _this: this
+                }, res => {
+                    this.detailData = res
+                    if (num && num == 1){
+                        if (this.$route.query.oldAndNew == 'new' && (this.$route.query.flowType == '3' || this.$route.query.flowType == 'buss1')) {
+                            this.getProcessList()
+                        } else {
+                            this.processNum()
+                        }
+                    }
+                }, e => {
+                })
+            },
+            ...mapMutations(['setProcess', 'setHandleInfo', 'setPrcLastDetail']),
+            processFlag(res) {
+                //   if (res.data.hisTaskExcelVOList[0].processTypeFlag === '1' || res.data.hisTaskExcelVOList[0].processTypeFlag === '2' || res.data.hisTaskExcelVOList[0].processTypeFlag === '3' || res.data.hisTaskExcelVOList[0].processTypeFlag === '4' ||
+                //     res.data.hisTaskExcelVOList[0].processTypeFlag === '5' || res.data.hisTaskExcelVOList[0].processTypeFlag === '6' || res.data.hisTaskExcelVOList[0].processTypeFlag === '8') {
+                //     return false
+                //   } else {
+                //     return true
+                //   }
+                // }
+                return false
+            },
+            // 导出事件
+            exportStandard() {
+                if (this.$route.query.oldAndNew == 'new' && (this.$route.query.flowType == '3' || this.$route.query.flowType == 'buss1')) {
+                    const ids = []
+                    if (this.tableRow.length > 0) {
+                        this.tableRow.map(item => {
+                            ids.push(item.id)
+                        })
+                    }
+                    window.location.href = '/api/lawss/activiti/exportFlowHistoryList?idAndSartypeList=' + ids.join(',') + '&prcNum=' + this.$route.query.prcNum + '&actiProcInstId=' + this.$route.query.actiProcInstId + '&flowType=' + this.$route.query.flowType
+                    this.$message.success('导出信息成功')
+                }else{
+                    const ids = []
+                    if (this.tableRow.length > 0) {
+                        this.tableRow.map(item => {
+                            ids.push(item.id)
+                        })
+                    } else {
+                        this.detailData.map(item => {
+                            ids.push(item.id)
+                        })
+                    }
+                    window.location.href = '/api/lawss/activiti/exportProcessDetailInfo?idAndSartypeList=' + ids.join(',') + '&prcNum=' + this.$route.query.prcNum
+                    this.$message.success('导出信息成功')
+                }
+            },
+            // 表格排序
+            sortChange(sortObj) {
+                if (sortObj.column.order !== 'normal') {
+                    this.shunxu = ''
+                    this.paixu = ''
+                    const order = sortObj.column.order
+                    switch (sortObj.column.property) {
+                        // 任务步骤
+                        case 'name' :
+                            // 后台联调
+                            this.paixu = 'name'
+                            if (order === 'ascending') {
+                                this.shunxu = 'asc'
+                            } else if (order === 'descending') {
+                                this.shunxu = 'desc'
+                            }
+                            break
+                        // 任务受理人
+                        case 'assignee' :
+                            // 后台联调
+                            this.paixu = 'assignee'
+                            if (order === 'ascending') {
+                                this.shunxu = 'asc'
+                            } else if (order === 'descending') {
+                                this.shunxu = 'desc'
+                            }
+                            break
+                        // 创建时间
+                        case 'createTime' :
+                            // 后台联调
+                            this.paixu = 'startTime'
+                            if (order === 'ascending') {
+                                this.shunxu = 'asc'
+                            } else if (order === 'descending') {
+                                this.shunxu = 'desc'
+                            }
+                            break
+                    }
+                }
+                this.processTable()
+            },
+            // 流程审批按钮是否显示
+            getApproveShow() {
+                this.$http.get('lawss/activiti/get_gather_by_instance', {
+                    prcNum: this.$route.query.prcNum,
+                    sortWord: this.shunxu ? this.paixu : '',
+                    shunxu: this.shunxu
+                }, {
+                    loading: 'loading',
+                    _this: this
+                }, res => {
+                    this.approveShow = res[res.length - 1].isGather
+                    this.approveRowIndex = res[res.length - 1].index
+                }, 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',
+                    }
+                }
+            },
         },
-        params: {
-          currentItem: row.currentItem
-        }
-      }
-      if (unShowReceipt) {
-        data.query.unShowReceipt = true
-      }
-      const routeUrl = this.$router.resolve(data)
-      window.open(routeUrl.href, '_blank')
-      // this.$router.push(data)
-    },
-    // table行选择事件
-    tableChange (row) {
-      this.tableRow = row
-    },
-    // 办理任务
-    handlingTasks () {
-      // 判断选中一条数据、未完成数据、当前登陆人数据
-      if (this.tableRow.length === 1 && !this.tableRow[0].endTime && this.tableRow[0].assigneeId === this.$store.getters.userInfo.userId) {
-        if (this.$store.state.detailMap !== '') {
-          const lastDetailMap = this.$store.getters.getLastDetailMap
-          lastDetailMap.push(this.$store.state.detailMap)
-          this.$store.commit('setLastDetailMap', JSON.stringify(lastDetailMap))
-        }
-        // this.tableRow[0].processType = this.$route.params.processType
-        this.$store.commit('setDetailMap', this.$route.path)
-        const row = {
-          taskIds: this.tableRow[0].id,
-          prcId: this.tableRow[0].processDefinitionId,
-          prcNum: this.tableRow[0].prcNum,
-          prcName: this.tableRow[0].prcName,
-          prcType: this.tableRow[0].prcType,
-          taskInfo: this.tableRow[0].name,
-          tabsName: this.$route.query.tabsName
-        }
-        this.setHandleInfo((JSON.stringify(row)))
-        const prcType = row.prcType
-        switch (prcType) {
-          // 法规入库及评估流程
-          case '1':
-            if (row.taskInfo === '法规工程师修改') {
-              this.$router.push({
-                name: 'RuKuStep1',
-                query: {
-                  taskIds: row.taskIds,
-                  prcId: row.prcId,
-                  prcNum: row.prcNum,
-                  prcName: row.prcName,
-                  prcType: row.prcType
-                }
-              })
-            } else if (row.taskInfo === '联络人分发FO') {
-              this.$router.push({
-                name: 'RuKuStep2',
-                query: {
-                  taskIds: row.taskIds,
-                  prcId: row.prcId,
-                  prcNum: row.prcNum,
-                  prcName: row.prcName,
-                  prcType: row.prcType
-                }
-              })
-            } else if (row.taskInfo === 'FO填写') {
-              this.$router.push({
-                name: 'RuKuStep3',
-                query: {
-                  taskIds: row.taskIds,
-                  prcId: row.prcId,
-                  prcNum: row.prcNum,
-                  prcName: row.prcName,
-                  prcType: row.prcType
-                }
-              })
-            } else if (row.taskInfo === '高级经理审批') {
-              this.$router.push({
-                name: 'RuKuStep4',
-                query: {
-                  taskIds: row.taskIds,
-                  prcId: row.prcId,
-                  prcNum: row.prcNum,
-                  prcName: row.prcName,
-                  prcType: row.prcType
-                }
-              })
-            } else if (row.taskInfo === '发起人汇总') {
-              this.$router.push({
-                name: 'RuKuStep5',
-                query: {
-                  taskIds: row.taskIds,
-                  prcId: row.prcId,
-                  prcNum: row.prcNum,
-                  prcName: row.prcName,
-                  prcType: row.prcType
-                }
-              })
-            }
-            break
 
-            // 法规入库及评估流程
-          case '2':
-            if (row.taskInfo === 'FO填写') {
-              this.$router.push({
-                name: 'handle',
-                query: {
-                  taskIds: row.taskIds,
-                  prcId: row.prcId,
-                  prcNum: row.prcNum,
-                  prcName: row.prcName,
-                  prcType: row.prcType
-                }
-              })
-            } else if (row.taskInfo === '再次下发' || row.taskInfo === '回退再次下发' || row.taskInfo === '单条回退再次下发') {
-              this.$router.push({
-                name: 'handle1',
-                query: {
-                  newtype: '1',
-                  taskIds: row.taskIds,
-                  prcId: row.prcId,
-                  prcNum: row.prcNum,
-                  prcName: row.prcName,
-                  prcType: row.prcType
-                }
-              })
-            } else if (row.taskInfo === '高级经理审核') {
-              this.$router.push({
-                name: 'handle2',
-                query: {
-                  taskIds: row.taskIds,
-                  prcId: row.prcId,
-                  prcNum: row.prcNum,
-                  prcName: row.prcName,
-                  prcType: row.prcType
-                }
-              })
-            } else if (row.taskInfo === '发起人汇总') {
-              this.$router.push({
-                name: 'handle3',
-                query: {
-                  taskIds: row.taskIds,
-                  prcId: row.prcId,
-                  prcNum: row.prcNum,
-                  prcName: row.prcName,
-                  prcType: row.prcType
-                }
-              })
+        components: {},
+        props: {},
+        computed: {
+            listNoDataText() {
+                return this.processType === 1 ? '暂无待办流程' : '暂无已办流程'
+            },
+            urgeRowMenu() {
+                let flag = false
+                this.$store.getters.getMenuList.map((menu) => {
+                    if (menu.id === 'ZDE6GT7UG5' || this.loginPeople === this.$store.getters.userInfo.userId) {
+                        flag = true
+                    }
+                })
+                return flag
+            },
+            /**
+             * 调整处理人按钮是否显示
+             */
+            tzclrEnable() {
+                return this.$route.query.tabsName === 'MonitorProcess'
             }
-            break
-
-            // 项目评估流程
-          case '3':
-            if (row.taskInfo === 'VSE分发') {
-              this.$router.push({
-                name: 'XmpgSetp2'
-              })
-            } else if (row.taskInfo === 'DRE评估') {
-              this.$router.push({
-                name: 'XmpgSetp3'
-              })
-            } else if (row.taskInfo === '一级审批') {
-              this.$router.push({
-                name: 'XmpgSetp4'
-              })
-            } else if (row.taskInfo === '二级审批') {
-              this.$router.push({
-                name: 'XmpgSetp5'
-              })
-            } else if (row.taskInfo === '发起人汇总') {
-              this.$router.push({
-                name: 'XmpgSetp6'
-              })
-            }
-            break
-
-            // 企标制修订流程
-          case '4':
-            if (row.taskInfo === '起草人重新编辑') {
-              this.$router.push({
-                name: 'qbzxdStep1',
-                query: {
-                  taskIds: row.taskIds
-                }
-              })
-            } else if (row.taskInfo === '其他起草人审批') {
-              this.$router.push({
-                name: 'qbzxdStep2-1',
-                query: {
-                  taskIds: row.taskIds
-                }
-              })
-            } else if (row.taskInfo === '会签部门联络人转发') {
-              this.$router.push({
-                name: 'qbzxdStep2-2',
-                query: {
-                  taskIds: row.taskIds
-                }
-              })
-            } else if (row.taskInfo === 'FO审批') {
-              this.$router.push({
-                name: 'qbzxdStep3-1',
-                query: {
-                  taskIds: row.taskIds
-                }
-              })
-            } else if (row.taskInfo === '会签部门审批') {
-              this.$router.push({
-                name: 'qbzxdStep3-2',
-                query: {
-                  taskIds: row.taskIds
-                }
-              })
-            } else if (row.taskInfo === '高级经理审批') {
-              this.$router.push({
-                name: 'qbzxdStep4',
-                query: {
-                  taskIds: row.taskIds
-                }
-              })
-            } else if (row.taskInfo === '企标工程师审批') {
-              this.$router.push({
-                name: 'qbzxdStep5',
-                query: {
-                  taskIds: row.taskIds
-                }
-              })
-            }
-            break
-
-          case '5':
-            if (row.taskInfo === '填写计划') {
-              this.$router.push({
-                name: 'zgStep2'
-              })
-            } else if (row.taskInfo === '审批计划') {
-              this.$router.push({
-                name: 'zgStep3'
-              })
-            } else if (row.taskInfo === '设计方案') {
-              this.$router.push({
-                name: 'zgStep4'
-              })
-            } else if (row.taskInfo === '审核设计') {
-              this.$router.push({
-                name: 'zgStep5'
-              })
-            } else if (row.taskInfo === '验证结果') {
-              this.$router.push({
-                name: 'zgStep6'
-              })
-            } else if (row.taskInfo === '审核验证') {
-              this.$router.push({
-                name: 'zgStep7'
-              })
-            } else if (row.taskInfo === '更改落实') {
-              this.$router.push({
-                name: 'zgStep8'
-              })
-            } else if (row.taskInfo === '审核更改') {
-              this.$router.push({
-                name: 'zgStep9'
-              })
-            }
-            break
-
-          case '6':
-            if (row.taskInfo === '起草人修订') {
-              this.$router.push({
-                name: 'QbzxdsqStep4'
-              })
-            } else if (row.taskInfo === 'FO审批') {
-              this.$router.push({
-                name: 'QbzxdsqStep2'
-              })
-            } else if (row.taskInfo === '高级经理审批') {
-              this.$router.push({
-                name: 'QbzxdsqStep3'
-              })
-            }
-            break
-
-            // 企标废止流程
-          case '7':
-            if (row.taskInfo === '起草人修改') {
-              this.$router.push({
-                name: 'qbfzStep1',
-                query: {
-                  taskIds: row.taskIds
-                }
-              })
-            } else if (row.taskInfo === 'FO审批') {
-              this.$router.push({
-                name: 'qbfzStep2',
-                query: {
-                  taskIds: row.taskIds
-                }
-              })
-            } else if (row.taskInfo === '高级经理审批') {
-              this.$router.push({
-                name: 'qbfzStep3',
-                query: {
-                  taskIds: row.taskIds
-                }
-              })
-            } else if (row.taskInfo === '总监审批') {
-              this.$router.push({
-                name: 'qbfzStep4',
-                query: {
-                  taskIds: row.taskIds
-                }
-              })
-            } else if (row.taskInfo === '企标工程师审批') {
-              this.$router.push({
-                name: 'qbfzStep5',
-                query: {
-                  taskIds: row.taskIds
-                }
-              })
-            }
-            break
-
-            // 企标延期制修订审批流程
-          case '8':
-            if (row.taskInfo === '高级经理审核') {
-              this.$router.push({
-                name: 'QbyqzxdspStep2'
-              })
-            } else if (row.taskInfo === '总监审批') {
-              this.$router.push({
-                name: 'QbyqzxdspStep3'
-              })
-            } else if (row.taskInfo === '主起草人重新申请') {
-              this.$router.push({
-                name: 'QbyqzxdspStep4'
-              })
-            }
-            break
-            // 采购流程
-          case '9':
-            if (row.taskInfo === '高级经理审批') {
-              this.$router.push({
-                path: '/bzcg/step2',
-                query: {
-                  prcName: row.prcName,
-                  prcNum: row.prcNum,
-                  taskIds: row.taskIds
-                }
-              })
-            } else if (row.taskInfo === '采购员审批') {
-              this.$router.push({
-                path: '/bzcg/step3',
-                query: {
-                  prcName: row.prcName,
-                  prcNum: row.prcNum,
-                  taskIds: row.taskIds
-                }
-              })
-            } else if (row.taskInfo === '项目经理或者EQ总监审批') {
-              this.$router.push({
-                path: '/bzcg/step4',
-                query: {
-                  prcName: row.prcName,
-                  prcNum: row.prcNum,
-                  taskIds: row.taskIds
-                }
-              })
-            } else if (row.taskInfo === '再次发起申请') {
-              this.$router.push({
-                path: '/bzcg/step1-1',
-                query: {
-                  prcName: row.prcName,
-                  prcNum: row.prcNum,
-                  taskIds: row.taskIds
-                }
-              })
-            }
-            break
-            // 会前流程
-          case '10':
-            if (row.taskInfo === '领导审批') {
-              this.$router.push({
-                name: 'HqsqStep2'
-              })
-            } else if (row.taskInfo === '工程师修改') {
-              this.$router.push({
-                name: 'HqsqStep3'
-              })
-            }
-            break
-            // 企标制修订评估流程
-          case '11':
-            if (row.taskInfo === 'FO审批') {
-              this.$router.push({
-                name: 'QbzxdpgStep2'
-              })
-            } else if (row.taskInfo === '主起草人填写') {
-              this.$router.push({
-                name: 'QbzxdpgStep3'
-              })
-            } else if (row.taskInfo === '高级经理审批') {
-              this.$router.push({
-                name: 'QbzxdpgStep4'
-              })
-            }
-            break
-            // 企标勘误流程
-          case '12':
-            if (row.taskInfo === 'FO审批') {
-              this.$router.push({
-                name: 'QbkwStep2'
-              })
-            } else if (row.taskInfo === '企标工程师发布') {
-              this.$router.push({
-                name: 'QbkwStep3'
-              })
-            } else if (row.taskInfo === '主起草人修改') {
-              this.$router.push({
-                name: 'QbkwStep4'
-              })
-            }
-            break
-
-            // 政策入库及技术评估
-          case '14':
-            if (row.taskInfo === '再次下发') {
-              this.$router.push({
-                name: 'zcrk&jspgStep1',
-                query: {
-                  taskIds: row.taskIds
-                }
-              })
-            } else if (row.taskInfo === 'FO填写SVPPS') {
-              this.$router.push({
-                name: 'zcrk&jspgStep2',
-                query: {
-                  taskIds: row.taskIds
-                }
-              })
-            } else if (row.taskInfo === '标准采购员审批') {
-              this.$router.push({
-                path: '/bzfy/step3',
-                query: {
-                  taskIds: row.taskIds
-                }
-              })
-            } else if (row.taskInfo === 'FO审批') {
-              this.$router.push({
-                name: 'zcrk&jspgStep3',
-                query: {
-                  taskIds: row.taskIds
-                }
-              })
-            } else if (row.taskInfo === 'FO填写时间') {
-              this.$router.push({
-                name: 'zcrk&jspgStep3',
-                query: {
-                  taskIds: row.taskIds,
-                  taskInfo: row.taskInfo
-                }
-              })
-            }
-            break
-
-            // 标准翻译流程
-          case '15':
-            if (row.taskInfo === '高级经理审批') {
-              this.$router.push({
-                path: '/bzfy/step2',
-                query: {
-                  taskIds: row.taskIds,
-                  prcName: row.prcName,
-                  prcNum: row.prcNum
-                }
-              })
-            } else if (row.taskInfo === '标准采购员审批') {
-              this.$router.push({
-                path: '/bzfy/step3',
-                query: {
-                  prcName: row.prcName,
-                  prcNum: row.prcNum,
-                  taskIds: row.taskIds
-                }
-              })
-            } else if (row.taskInfo === '项目经理或EQ总监审批') {
-              this.$router.push({
-                path: '/bzfy/step4',
-                query: {
-                  prcName: row.prcName,
-                  prcNum: row.prcNum,
-                  taskIds: row.taskIds
-                }
-              })
-            } else if (row.taskInfo === '再次发起申请') {
-              this.$router.push({
-                path: '/bzfy/step1-1',
-                query: {
-                  prcName: row.prcName,
-                  prcNum: row.prcNum,
-                  taskIds: row.taskIds
-                }
-              })
-            }
-            break
-            // 会后管理流程
-          case '16':
-            if (row.taskInfo === '工程师发起流程' || row.taskInfo === '主起草人修改') {
-              this.$router.push({
-                name: 'HhglStep1'
-              })
-            } else if (row.taskInfo === '领导审批') {
-              this.$router.push({
-                name: 'HhglStep2'
-              })
-            }
-            break
-            // 企标备案流程
-          case '17':
-            if (row.taskInfo === 'VSE/认证工程师/法规工程师审批') {
-              this.$router.push({
-                name: 'QbbaStep2'
-              })
-            } else if (row.taskInfo === '企标工程师审批') {
-              this.$router.push({
-                name: 'QbbaStep3'
-              })
-            } else if (row.taskInfo === '整车性能集成工程师审核') {
-              this.$router.push({
-                name: 'QbbaStep4'
-              })
-            } else if (row.taskInfo === '总监审核') {
-              this.$router.push({
-                name: 'QbbaStep5'
-              })
-            } else if (row.taskInfo === '企标备案专家审批') {
-              this.$router.push({
-                name: 'QbbaStep6'
-              })
-            } else if (row.taskInfo === '项目总工审批') {
-              this.$router.push({
-                name: 'QbbaStep7'
-              })
-            } else if (row.taskInfo === '再次发起') {
-              this.$router.push({
-                name: 'QbbaStep8'
-              })
-            }
-            break
-            // 海外标准法规清单发布/更新流程
-          case '18':
-            if (row.taskInfo === '会签审批') {
-              this.$router.push({
-                name: 'bzqdStep2'
-              })
-            } else if (row.taskInfo === '发起人确认') {
-              this.$router.push({
-                name: 'bzqdStep3'
-              })
-            }
-            break
-            // 企标复审流程
-          case '19':
-            if (row.taskInfo === '法规联络人发起复审或企标工程师选择法规联络人') {
-              this.$router.push({
-                path: '/qbfs/step1',
-                query: {
-                  taskIds: row.taskIds
-                }
-              })
-            } else if (row.taskInfo === '选择法规联络人') {
-              this.$router.push({
-                path: '/qbfs/step2',
-                query: {
-                  taskIds: row.taskIds
-                }
-              })
-            }
-            break
-        }
-      } else {
-        this.$message.warning('请选择一条未完成以及受理人是本人的数据')
-      }
-    },
-    // 调整处理人
-    adjustmentHandler () {
-      if (this.tableRow.length === 1 && !this.tableRow[0].endTime) {
-        this.drawerModal = true
-        this.drawerTitle = '调整处理人'
-        this.selectPeople = this.tableRow[0]
-      } else {
-        this.$message.warning('请选择一条未完成的数据')
-      }
-    },
-    // 催办
-    urgeRow () {
-      if (this.tableRow.length === 1 && !this.tableRow[0].endTime) {
-        this.$confirm('您确认要催办该任务吗', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning',
-          confirmButtonClass: 'common-button-primary',
-          roundButton: true
-        }).then(() => {
-          this.urge(this.tableRow[0])
-        })
-      } else {
-        this.$message.warning('请选择一条未完成的数据')
-      }
-    },
-    // 清空条件
-    clearanceCondition () {
-      this.completeFlagType = true
-      this.tableRow = []
-    },
-    back () {
-      this.$router.push({
-        name: 'ProcessCenter',
-        query: {
-          tabsName: this.$route.query.tabsName
-        }
-      })
-    },
-    // 调整处理人确定事件
-    addTree (checkedList) {
-      if (checkedList.length !== 1) {
-        this.$message.warning('请选择一个处理人进行调整')
-      } else {
-        this.assigneeNewLoading = true
-        changeAssigneeNew({
-          taskId: this.selectPeople.id, // 任务id
-          assignee: checkedList[0].userId, // 被委托人
-          userId: this.selectPeople.assigneeId, // 委托人
-          pId: this.selectPeople.processInstanceId // 流程实例
-        }).then(res => {
-          this.assigneeNewLoading = false
-          if (res.success) {
-            this.drawerModal = false
-            this.$message.success('调整成功')
-            this.processNum()
-            this.processTable()
-          } else {
-            this.$message.warning(res.message)
-          }
-        })
-      }
-    },
-    /**
-     * @description: 流程催办
-     * @author: chenxiaoxi
-     * @date: 2018/10/11 13:41:45
-     */
-    urge (row) {
-      this.$http.postData('person/personMsg/saveNew',
-        {
-          msgContent: '流程编号为' + row.prcNum + '的流程，请尽快办理。',
-          msgTitle: '流程编号' + row.prcNum,
-          userId: row.assigneeId,
-          msgType: 'TEXT'
         },
-        {
-          loading: 'loading',
-          _this: this
-        }, res => {
-          this.clearanceCondition()
-          this.processTable()
-          this.$message.success('催办成功')
-        }, e => {
-        })
-    },
-    // 请求转换流程图
-    processNum () {
-      axios.request({
-        url: '/api/lawss/activiti/getImg?_t=' + new Date().getTime(),
-        responseType: 'blob',
-        method: 'get',
-        params: {
-          prcNum: this.$route.query.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)
-      })
-    },
-    // 请求列表
-    processTable () {
-      this.$http.get('lawss/activiti/get_list_by_instance', {
-        prcNum: this.$route.query.prcNum,
-        sortWord: this.shunxu ? this.paixu : '',
-        shunxu: this.shunxu
-      }, {
-        loading: 'loading',
-        _this: this
-      }, res => {
-        this.detailData = res
-      }, e => {})
-    },
-    ...mapMutations([ 'setProcess', 'setHandleInfo', 'setPrcLastDetail' ]),
-    processFlag (res) {
-      //   if (res.data.hisTaskExcelVOList[0].processTypeFlag === '1' || res.data.hisTaskExcelVOList[0].processTypeFlag === '2' || res.data.hisTaskExcelVOList[0].processTypeFlag === '3' || res.data.hisTaskExcelVOList[0].processTypeFlag === '4' ||
-      //     res.data.hisTaskExcelVOList[0].processTypeFlag === '5' || res.data.hisTaskExcelVOList[0].processTypeFlag === '6' || res.data.hisTaskExcelVOList[0].processTypeFlag === '8') {
-      //     return false
-      //   } else {
-      //     return true
-      //   }
-      // }
-      return false
-    },
-    // 导出事件
-    exportStandard () {
-      const ids = []
-      if (this.tableRow.length > 0) {
-        this.tableRow.map(item => {
-          ids.push(item.id)
-        })
-      } else {
-        this.detailData.map(item => {
-          ids.push(item.id)
-        })
-      }
-      window.location.href = '/api/lawss/activiti/exportProcessDetailInfo?idAndSartypeList=' + ids.join(',') + '&prcNum=' + this.$route.query.prcNum
-      this.$message.success('导出信息成功')
-    },
-    // 表格排序
-    sortChange (sortObj) {
-      if (sortObj.column.order !== 'normal') {
-        this.shunxu = ''
-        this.paixu = ''
-        const order = sortObj.column.order
-        switch (sortObj.column.property) {
-          // 任务步骤
-          case 'name' :
-            // 后台联调
-            this.paixu = 'name'
-            if (order === 'ascending') {
-              this.shunxu = 'asc'
-            } else if (order === 'descending') {
-              this.shunxu = 'desc'
+        watch: {},
+        beforeUpdate() {
+            if (this.detailData.length > 0) {
+                sessionStorage.setItem('processInstance', JSON.stringify(this.detailData[0]))
             }
-            break
-            // 任务受理人
-          case 'assignee' :
-            // 后台联调
-            this.paixu = 'assignee'
-            if (order === 'ascending') {
-              this.shunxu = 'asc'
-            } else if (order === 'descending') {
-              this.shunxu = 'desc'
-            }
-            break
-            // 创建时间
-          case 'createTime' :
-            // 后台联调
-            this.paixu = 'startTime'
-            if (order === 'ascending') {
-              this.shunxu = 'asc'
-            } else if (order === 'descending') {
-              this.shunxu = 'desc'
-            }
-            break
+        },
+        mounted() {
+            this.processTable(1)
+            this.getApproveShow()
         }
-      }
-      this.processTable()
-    },
-    // 流程审批按钮是否显示
-    getApproveShow () {
-      this.$http.get('lawss/activiti/get_gather_by_instance', {
-        prcNum: this.$route.query.prcNum,
-        sortWord: this.shunxu ? this.paixu : '',
-        shunxu: this.shunxu
-      }, {
-        loading: 'loading',
-        _this: this
-      }, res => {
-        this.approveShow = res[res.length - 1].isGather
-        this.approveRowIndex = res[res.length - 1].index
-      }, e => {})
     }
-  },
-  components: {
-  },
-  props: {},
-  computed: {
-    listNoDataText () {
-      return this.processType === 1 ? '暂无待办流程' : '暂无已办流程'
-    },
-    urgeRowMenu () {
-      let flag = false
-      this.$store.getters.getMenuList.map((menu) => {
-        if (menu.id === 'ZDE6GT7UG5' || this.loginPeople === this.$store.getters.userInfo.userId) {
-          flag = true
-        }
-      })
-      return flag
-    },
-    /**
-     * 调整处理人按钮是否显示
-     */
-    tzclrEnable () {
-      return this.$route.query.tabsName === 'MonitorProcess'
-    }
-  },
-  watch: {},
-  beforeUpdate () {
-    if (this.detailData.length > 0) {
-      sessionStorage.setItem('processInstance', JSON.stringify(this.detailData[0]))
-    }
-  },
-  mounted () {
-    this.processNum()
-    this.processTable()
-    this.getApproveShow()
-  }
-}
 </script>
 
 <style lang="less" scoped>
-//@import '~styles/mixins';
-#processDetails{
-  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;
-    .flow-header{
-      height: 30px;
-      line-height: 30px;
-      //.flex();
-      align-items: center;
-      position: absolute;
-      .flow-chart-title{
-        font-size: 16px;
-        font-weight: bold;
-        padding: 0 20px;
-        //.ellipsis();
-      }
+    //@import '~styles/mixins';
+    #processDetails {
+        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;
+
+            .flow-header {
+                height: 30px;
+                line-height: 30px;
+                //.flex();
+                align-items: center;
+                position: absolute;
+
+                .flow-chart-title {
+                    font-size: 16px;
+                    font-weight: bold;
+                    padding: 0 20px;
+                    //.ellipsis();
+                }
+            }
+
+            .flow-group {
+                width: 100%;
+                height: calc(~'100% - 30px');
+
+                .process-img {
+                    //width: 100%;
+                    //height: 100%;
+                }
+
+                .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: 28px;
+                    }
+
+                    .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: 28px;
+                    }
+
+                    .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%;
+                            margin-top: 10px;
+                            margin-bottom: 10px;
+                            font-size: 12px;
+                            word-break: break-all;
+                            text-overflow: ellipsis;
+                            display: -webkit-box;
+                            -webkit-box-orient: vertical;
+                            -webkit-line-clamp: 1; /* 超出几行省略 */
+                            overflow: hidden;
+                        }
+
+                        .flow-group-process-content-bottom {
+                            width: 100%;
+                            font-size: 12px;
+                            line-height: 1.4;
+                            height: 54px;
+                            overflow: hidden;
+                            .flow-group-process-content-bottom-text{
+                                word-break: break-all;
+                                text-overflow: ellipsis;
+                                display: -webkit-box;
+                                -webkit-box-orient: vertical;
+                                -webkit-line-clamp: 1; /* 超出几行省略 */
+                                overflow: hidden;
+                            }
+                        }
+
+                        .flow-group-process-arrow-dis {
+                            margin-left: 200px;
+                        }
+                    }
+
+                    .flow-group-process-content-dis {
+                        margin-left: 208px;
+                    }
+                }
+            }
+        }
+
+        .flow-list {
+            width: 100%;
+            height: calc(~'55% - 55px');
+            border: 1px solid #CCCDCE;
+            position: relative;
+        }
     }
-    .flow-group{
-      width: 100%;
-      height: calc(~'100% - 30px');
-      .process-img{
-        //width: 100%;
-        //height: 100%;
-      }
-    }
-  }
-  .flow-list{
-    width: 100%;
-    height: calc(~'55% - 55px');
-    border: 1px solid #CCCDCE;
-    position: relative;
-  }
-}
 </style>
diff --git a/src/pages/processCenter/pages/processList/tabComponents/alreadyProcess/index.vue b/src/pages/processCenter/pages/processList/tabComponents/alreadyProcess/index.vue
index a7adeaa6c..51fe0c51b 100644
--- a/src/pages/processCenter/pages/processList/tabComponents/alreadyProcess/index.vue
+++ b/src/pages/processCenter/pages/processList/tabComponents/alreadyProcess/index.vue
@@ -239,11 +239,23 @@ export default {
       this.queryProcess()
     },
     dealWith (row) { // 查看
+      let oldAndNew = ''
+      const currentDate = new Date('2024-04-01 00:00:00').getTime();
+      const date = new Date(row.creatTime);
+      const timestamp = date.getTime();
+      if (currentDate > timestamp){
+        oldAndNew = 'old'
+      }else{
+        oldAndNew = 'new'
+      }
       const routeUrl = this.$router.resolve({
         name: 'ProcessDetail',
         query: {
           prcNum: row.prcNum,
-          tabsName: 'AlreadyProcess'
+          tabsName: 'AlreadyProcess',
+          actiProcInstId: row.prcId,
+          flowType: row.prcType,
+          oldAndNew:oldAndNew,
         }
       })
       window.open(routeUrl.href, '_blank');
diff --git a/src/pages/processCenter/pages/processList/tabComponents/alreadySend/index.vue b/src/pages/processCenter/pages/processList/tabComponents/alreadySend/index.vue
index 7d79ec453..d8e0f7794 100644
--- a/src/pages/processCenter/pages/processList/tabComponents/alreadySend/index.vue
+++ b/src/pages/processCenter/pages/processList/tabComponents/alreadySend/index.vue
@@ -269,11 +269,23 @@ export default {
       this.queryProcess()
     },
     dealWith (row) { // 查看
+      let oldAndNew = ''
+      const currentDate = new Date('2024-04-01 00:00:00').getTime();
+      const date = new Date(row.creatTime);
+      const timestamp = date.getTime();
+      if (currentDate > timestamp){
+        oldAndNew = 'old'
+      }else{
+        oldAndNew = 'new'
+      }
       const routeUrl = this.$router.resolve({
         name: 'ProcessDetail',
         query: {
           prcNum: row.prcNum,
-          tabsName: 'AlreadySend'
+          tabsName: 'AlreadySend',
+          actiProcInstId: row.prcId,
+          flowType: row.prcType,
+          oldAndNew:oldAndNew,
         }
       })
       window.open(routeUrl.href, '_blank');
diff --git a/src/pages/processCenter/pages/processList/tabComponents/monitorProcess/index.vue b/src/pages/processCenter/pages/processList/tabComponents/monitorProcess/index.vue
index aabdfe5a8..9c4a2b95f 100644
--- a/src/pages/processCenter/pages/processList/tabComponents/monitorProcess/index.vue
+++ b/src/pages/processCenter/pages/processList/tabComponents/monitorProcess/index.vue
@@ -242,12 +242,24 @@ export default {
       this.queryProcess()
     },
     dealWith (row) { // 查看
+      let oldAndNew = ''
+      const currentDate = new Date('2024-04-01 00:00:00').getTime();
+      const date = new Date(row.creatTime);
+      const timestamp = date.getTime();
+      if (currentDate > timestamp){
+        oldAndNew = 'old'
+      }else{
+        oldAndNew = 'new'
+      }
       const routeUrl = this.$router.resolve({
         name: 'ProcessDetail',
         query: {
           bpnId: row.id,
           prcNum: row.prcNum,
-          tabsName: 'MonitorProcess'
+          tabsName: 'MonitorProcess',
+          actiProcInstId: row.prcId,
+          flowType: row.prcType,
+          oldAndNew:oldAndNew,
         }
       })
       window.open(routeUrl.href, '_blank');
diff --git a/src/pages/processCenter/pages/processList/tabComponents/processCenter/index.vue b/src/pages/processCenter/pages/processList/tabComponents/processCenter/index.vue
index 836fb7452..b0063bd9f 100644
--- a/src/pages/processCenter/pages/processList/tabComponents/processCenter/index.vue
+++ b/src/pages/processCenter/pages/processList/tabComponents/processCenter/index.vue
@@ -156,7 +156,7 @@
                   <i class="iconfont">&#xe61e;</i>
                   <el-dropdown-menu slot="dropdown">
                     <el-dropdown-item v-btn-permission="'4219fdb5e33dbbc84d845af98c947e66'" :command="[scope.row, '办理']">办理</el-dropdown-item>
-                    <el-dropdown-item v-btn-permission="'5cf95d4e0eaae6118e1375f677a0a08d'":command="[scope.row, '转办']">转办</el-dropdown-item>
+                    <el-dropdown-item v-btn-permission="'5cf95d4e0eaae6118e1375f677a0a08d'" :command="[scope.row, '转办']">转办</el-dropdown-item>
                   </el-dropdown-menu>
                 </el-dropdown>
               </div>
@@ -348,6 +348,15 @@ export default {
           }
           break
         case 'buss1':
+          let oldAndNewBuss = ''
+          const currentDateBuss = new Date('2024-04-01 00:00:00').getTime();
+          const dateBuss = new Date(row.creatTime);
+          const timestampBuss = dateBuss.getTime();
+          if (currentDateBuss > timestampBuss){
+            oldAndNewBuss = 'old'
+          }else{
+            oldAndNewBuss = 'new'
+          }
           if (row.taskInfo === '企标编写') {
             routeUrl = this.$router.resolve({
               name: 'bussLibrary2',
@@ -356,7 +365,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNewBuss
               }
             })
           }else if (row.taskInfo === '企标编写汇总') {
@@ -367,7 +377,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNewBuss
               }
             })
           }else if (row.taskInfo === '重新起草') {
@@ -378,7 +389,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNewBuss
               }
             })
           }else if (row.taskInfo === '标准化初审') {
@@ -389,7 +401,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNewBuss
               }
             })
           }else if (row.taskInfo === '重新企标编写汇总') {
@@ -400,7 +413,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNewBuss
               }
             })
           }else if (row.taskInfo === '征求意见') {
@@ -411,7 +425,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNewBuss
               }
             })
           }else if (row.taskInfo === '技术委员会评审、评审意见修改') {
@@ -422,7 +437,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNewBuss
               }
             })
           }else if (row.taskInfo === '标准化复审') {
@@ -433,7 +449,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNewBuss
               }
             })
           }else if (row.taskInfo === '重新技术委员会评审、评审意见修改') {
@@ -444,7 +461,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNewBuss
               }
             })
           }else if (row.taskInfo === '起草单位高级经理审核') {
@@ -455,7 +473,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNewBuss
               }
             })
           }else if (row.taskInfo === '标准法规部高级经理审核') {
@@ -466,7 +485,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNewBuss
               }
             })
           }else if (row.taskInfo === '审定') {
@@ -477,7 +497,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNewBuss
               }
             })
           }else if (row.taskInfo === '批准') {
@@ -488,7 +509,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNewBuss
               }
             })
           }else if (row.taskInfo === '主起草人培训') {
@@ -499,7 +521,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNewBuss
               }
             })
           }else if (row.taskInfo === '发布') {
@@ -510,7 +533,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNewBuss
               }
             })
           }
@@ -937,6 +961,15 @@ export default {
           }
           break;
         case '3':
+          let oldAndNew = ''
+          const currentDate = new Date('2024-04-01 00:00:00').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 +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 === '意见反馈') {
@@ -956,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 === '意见汇总报批') {
@@ -967,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 === '意见审批') {
@@ -978,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 === '管理员') {
@@ -989,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 === '意见处理') {
@@ -1000,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 === '会签') {
@@ -1011,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 === '审核') {
@@ -1022,7 +1062,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 +1074,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 +1086,8 @@ export default {
                 prcId: row.prcId,
                 prcNum: row.prcNum,
                 prcName: row.prcName,
-                prcType: row.prcType
+                prcType: row.prcType,
+                oldAndNew: oldAndNew
               }
             })
           }
diff --git a/src/pages/regulatoryRepository/standardTranslationAcquisitionRequest/components/addModal.vue b/src/pages/regulatoryRepository/standardTranslationAcquisitionRequest/components/addModal.vue
new file mode 100644
index 000000000..f2a274dc4
--- /dev/null
+++ b/src/pages/regulatoryRepository/standardTranslationAcquisitionRequest/components/addModal.vue
@@ -0,0 +1,269 @@
+<template>
+  <el-drawer
+    :title="(id ? '编辑' : '新增' ) + '标准/译文获取申请'"
+    :visible.sync="visible"
+    :direction="direction"
+    :append-to-body="true"
+    :wrapper-closable="false"
+    :before-close="handleClose"
+    size="40%"
+  >
+    <loading :loading="showLoading">加载中...</loading>
+    <el-form ref="addFormRef" :model="StandardApplyForEO" :rules="addFormRules" class="label-input-form">
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="申请单位" prop="applyForUnitName" label-width="100px" class="add-form-item">
+            <el-input  v-model="StandardApplyForEO.applyForUnitName" readonly clearable />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="申请人" prop="applyForUserName" label-width="100px" class="add-form-item">
+            <el-input  v-model="StandardApplyForEO.applyForUserName" readonly clearable />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="类型" prop="type" label-width="100px" class="add-form-item">
+            <el-select
+              v-model="StandardApplyForEO.type"
+              :placeholder="'请选择类型'"
+              clearable
+            >
+              <el-option
+                v-for="opt in typeList"
+                :key="opt.value"
+                :value="opt.value === undefined ? '' :opt.value"
+                :label="opt.label"
+              >
+                {{ opt.label }}
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="标准类型" prop="standType" label-width="100px" class="add-form-item">
+            <el-select
+              v-model="StandardApplyForEO.standType"
+              :placeholder="'请选择标准类型'"
+              clearable
+              @change="selectStandType"
+            >
+              <el-option
+                v-for="opt in standTypeList"
+                :key="opt.value"
+                :value="opt.value === undefined ? '' :opt.value"
+                :label="opt.label"
+              >
+                {{ opt.label }}
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="标准类别" prop="standLb" label-width="100px" class="add-form-item">
+            <el-select
+              v-model="StandardApplyForEO.standLb"
+              :placeholder="'请选择标准类别'"
+              clearable
+            >
+              <el-option
+                v-for="opt in standLbList"
+                :key="opt.value"
+                :value="opt.value === undefined ? '' :opt.value"
+                :label="opt.label"
+              >
+                {{ opt.label }}
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="标准编号" prop="standNum" label-width="100px" class="add-form-item">
+            <el-input v-model="StandardApplyForEO.standNum" placeholder="请输入标准编号" clearable />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="标准年份" prop="standYear" label-width="100px" class="add-form-item">
+            <el-input v-model="StandardApplyForEO.standYear" placeholder="请输入标准年份" clearable />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="需求时间" prop="requiredTime" label-width="100px" class="add-form-item">
+            <el-input v-model="StandardApplyForEO.requiredTime" placeholder="请输入需求时间" clearable />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="标准名称" prop="standName" label-width="100px" class="add-form-item">
+            <el-input v-model="StandardApplyForEO.standName" placeholder="请输入标准名称" clearable />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="原语言" prop="sourceLanguage" label-width="100px" class="add-form-item">
+            <el-input v-model="StandardApplyForEO.sourceLanguage" placeholder="请输入原语言" clearable />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="目标语言" prop="targetLanguage" label-width="100px" class="add-form-item">
+            <el-input v-model="StandardApplyForEO.targetLanguage" placeholder="请输入目标语言" clearable />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="理由" prop="reason" label-width="100px" class="add-form-item">
+            <el-input v-model="StandardApplyForEO.reason" placeholder="请输入理由" type="textarea" onkeydown="return event.key !== 'Enter';" :autosize="{ minRows: 10,maxRows: 10}" clearable/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div class="drawer-footer">
+      <el-button type="primary" class="common-button-primary" icon="el-icon-check" :loading="isSubmit" @click="submit">提交</el-button>
+      <el-button class="common-button-default" icon="el-icon-close" @click="visible=false">取消</el-button>
+    </div>
+  </el-drawer>
+</template>
+
+<script>
+export default {
+  name: 'AddModal',
+  data () {
+    return {
+      direction: 'rtl',
+      visible: false,
+      isSubmit: false,
+      showLoading: false,
+      id: '',
+      StandardApplyForEO: {},
+      typeList: [],
+      standTypeList: [],
+      standLbList: [],
+      addFormRules: {
+        applyForUnitName: [ { required: true, message: '申请单位不能为空', trigger: 'blur' } ],
+        applyForUserName: [ { required: true, message: '申请人不能为空', trigger: 'blur' } ],
+        type: [ { required: true, message: '类型不能为空', trigger: 'blur' } ],
+        standType: [ { required: true, message: '标准类型不能为空', trigger: 'blur' } ],
+        standLb: [ { required: true, message: '标准类别不能为空', trigger: 'blur' } ],
+        standYear: [ { max: 100, message: '标准年份不能超过100个字符' } ],
+        requiredTime: [ { max: 100, message: '需求时间不能超过100个字符' } ],
+        sourceLanguage: [ { max: 100, message: '原语言不能超过100个字符' } ],
+        targetLanguage: [ { max: 100, message: '目标语言不能超过100个字符' } ],
+        standNum: [ { required: true, message: '标准编号不能为空', trigger: 'blur' }, { max: 100, message: '标准编号不能超过100个字符' } ],
+        standName: [ { required: true, message: '标准名称不能为空', trigger: 'blur' }, { max: 500, message: '标准名称不能超过500个字符' } ],
+        reason: [ { required: true, message: '理由不能为空', trigger: 'blur' }, {max: 500, message: '理由不能超过500个字符', trigger: 'blur'} ],
+      },
+      url: {
+        addUrl: '/lawss/standardApplyFor/insert',
+        editUrl: '/lawss/standardApplyFor/edit'
+      }
+    }
+  },
+  mounted () {
+    this.getDicTypeListCode()
+  },
+  methods: {
+    getDicTypeListCode () {
+      this.$http.get('/lawss/standardApplyFor/getStandTypeDropDownData', {}, {
+        _this: this
+      }, res => {
+        this.standTypeList = res.data
+      })
+      this.$http.get('sys/dictype/getDicTypeListCode', '', {
+        _this: this
+      }, res => {
+        this.typeList = res.data.BZJYWTYPE // 标准类别
+      })
+    },
+    handleClose () {
+      this.visible = false
+    },
+    addModel () {
+      this.id = ''
+      this.visible = true
+      this.StandardApplyForEO = {}
+      this.StandardApplyForEO.applyForUserId = this.$store.getters.userInfo.userId
+      this.StandardApplyForEO.applyForUserName = this.$store.getters.userInfo.userName
+      this.StandardApplyForEO.applyForUnitId = this.$store.getters.userInfo.upDeptId
+      this.StandardApplyForEO.applyForUnitName = this.$store.getters.userInfo.upDeptName
+      this.StandardApplyForEO = { ...this.StandardApplyForEO }
+      this.$nextTick(() => {
+        this.$refs.addFormRef.clearValidate()
+        this.getDicTypeListCode()
+        this.standLbList = []
+      })
+    },
+    showModal (item) {
+      this.id = item.id
+      this.visible = true
+      this.showLoading = true
+      this.StandardApplyForEO = JSON.parse(JSON.stringify(item))
+      this.$nextTick(() => {
+        this.$refs.addFormRef.clearValidate()
+        this.getDicTypeListCode()
+        this.selectStandType(this.StandardApplyForEO.standType, 'callBack')
+      })
+    },
+    selectStandType (value, tag) {
+      if (value === '') {
+        this.standLbList = []
+      }
+      this.$http.get('/lawss/standardApplyFor/getStandLbDropDownData', { dicId: value }, {
+        _this: this
+      }, res => {
+        if (res.ok) {
+          this.$nextTick(() => {
+            this.standLbList = res.data
+            if (tag !== 'callBack') {
+              this.$set(this.StandardApplyForEO, 'standLb', null)
+            }
+            this.showLoading = false
+          })
+          return
+        }
+        this.standLbList = []
+        this.$set(this.StandardApplyForEO, 'standLb', null)
+      })
+    },
+    submit () {
+      this.$refs.addFormRef.validate((valid) => {
+        if (valid) {
+          this.isSubmit = true
+          const url = this.id ? this.url.editUrl : this.url.addUrl
+          if (this.id) {
+            delete this.StandardApplyForEO.updateTime
+            delete this.StandardApplyForEO.updateBy
+          }
+          this.$http.postData(url, this.StandardApplyForEO, { _this: this },
+            res => {
+              if (res.ok) {
+                this.$emit('updateList')
+                this.$message.success(res.data)
+                this.visible = false
+              }else{
+                this.$message.warning(res.message)
+              }
+              this.isSubmit = false
+            })
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.label-input-form {
+  padding: 0 19px;
+}
+
+.drawer-footer {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: 100%;
+  padding: 0 20px;
+  height: 70px;
+  line-height: 69px;
+  border-top: 1px solid #e8e8e8;
+  text-align: right;
+  background: #fff;
+  z-index: 999;
+}
+</style>
diff --git a/src/pages/regulatoryRepository/standardTranslationAcquisitionRequest/components/detailModal.vue b/src/pages/regulatoryRepository/standardTranslationAcquisitionRequest/components/detailModal.vue
new file mode 100644
index 000000000..06d4257ea
--- /dev/null
+++ b/src/pages/regulatoryRepository/standardTranslationAcquisitionRequest/components/detailModal.vue
@@ -0,0 +1,176 @@
+<template>
+  <el-drawer
+    title="查看标准/译文获取申请"
+    :visible.sync="visible"
+    :direction="direction"
+    :append-to-body="true"
+    :wrapper-closable="false"
+    :before-close="handleClose"
+    size="40%"
+  >
+    <loading :loading="showLoading">加载中...</loading>
+    <el-form ref="addFormRef" style="padding-bottom: 80px" :model="StandardApplyForEO" class="label-input-form detail-modal-form">
+      <el-row class="formLine">
+        <el-col :span="12">
+          <el-form-item label="申请单位" label-width="100px" class="add-form-item">
+            <div class="content">{{ StandardApplyForEO.applyForUnitName ? StandardApplyForEO.applyForUnitName : '--' }}</div>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="申请人" label-width="100px" class="add-form-item">
+            <div class="content">{{ StandardApplyForEO.applyForUserName ? StandardApplyForEO.applyForUserName : '--' }}</div>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row class="formLine">
+        <el-col :span="12">
+          <el-form-item label="类型" label-width="100px" class="add-form-item">
+            <div class="content">{{ StandardApplyForEO.typeShow ? StandardApplyForEO.typeShow : '--' }}</div>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="标准类型" label-width="100px" class="add-form-item">
+            <div class="content">{{ StandardApplyForEO.standTypeShow ? StandardApplyForEO.standTypeShow : '--' }}</div>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row class="formLine">
+          <el-col :span="12">
+            <el-form-item label="标准类别" label-width="100px" class="add-form-item">
+              <div class="content">{{ StandardApplyForEO.standLbShow ? StandardApplyForEO.standLbShow : '--' }}</div>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="标准编号" label-width="100px" class="add-form-item">
+              <div class="content">{{ StandardApplyForEO.standNumShow ? StandardApplyForEO.standNumShow : '--' }}</div>
+            </el-form-item>
+          </el-col>
+      </el-row>
+
+      <el-row class="formLine">
+        <el-col :span="12">
+          <el-form-item label="标准年份" label-width="100px" class="add-form-item">
+            <div class="content">{{ StandardApplyForEO.standYear ? StandardApplyForEO.standYear : '--' }}</div>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="需求时间" label-width="100px" class="add-form-item">
+            <div class="content">{{ StandardApplyForEO.requiredTime ? StandardApplyForEO.requiredTime : '--' }}</div>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row class="formLine">
+        <el-col :span="24">
+          <el-form-item label="标准名称" label-width="100px" class="add-form-item">
+            <div class="content">{{ StandardApplyForEO.standName ? StandardApplyForEO.standName : '--' }}</div>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row class="formLine">
+        <el-col :span="12">
+          <el-form-item label="原语言" label-width="100px" class="add-form-item">
+            <div class="content">{{ StandardApplyForEO.sourceLanguage ? StandardApplyForEO.sourceLanguage : '--' }}</div>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="目标语言" label-width="100px" class="add-form-item">
+            <div class="content">{{ StandardApplyForEO.targetLanguage ? StandardApplyForEO.targetLanguage : '--' }}</div>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row class="formLine">
+        <el-col :span="24">
+          <el-form-item label="理由" label-width="100px" class="add-form-item reasonContent">
+            <div class="content">{{ StandardApplyForEO.reason ? StandardApplyForEO.reason : '--' }}</div>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col v-show="StandardApplyForEO.status !== 'pendingApproval' && StandardApplyForEO.status !== 'Staging'" :span="12" class="formLine">
+          <el-form-item label="审批人" label-width="100px" class="add-form-item">
+            <div class="content">{{ StandardApplyForEO.approveUserName ? StandardApplyForEO.approveUserName : '--' }}</div>
+          </el-form-item>
+        </el-col>
+        <el-col v-show="StandardApplyForEO.status !== 'pendingApproval' && StandardApplyForEO.status !== 'Staging'" :span="12" class="formLine">
+          <el-form-item label="审批时间" label-width="100px" class="add-form-item">
+            <div class="content">{{ StandardApplyForEO.approveTime ? StandardApplyForEO.approveTime : '--' }}</div>
+          </el-form-item>
+        </el-col>
+        <el-col v-show="StandardApplyForEO.status !== 'pendingApproval' && StandardApplyForEO.status !== 'Staging' && StandardApplyForEO.status !== 'pass'" :span="24" class="formLine">
+          <el-form-item label="驳回原因" label-width="100px" class="add-form-item">
+            <div class="content">{{ StandardApplyForEO.refuseCause ? StandardApplyForEO.refuseCause : '--' }}</div>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div>
+      <div class="drawer-footer">
+        <el-button class="common-button-default" @click="visible=false">关闭</el-button>
+      </div>
+    </div>
+  </el-drawer>
+</template>
+
+<script>
+export default {
+  name: 'AddModal',
+  data () {
+    return {
+      visible: false,
+      showLoading: false,
+      direction: 'rtl',
+      StandardApplyForEO: [],
+    }
+  },
+  methods: {
+    handleClose () {
+      this.visible = false
+    },
+    showModal (item) {
+      this.visible = true
+      this.$nextTick(() => {
+        this.StandardApplyForEO = []
+        this.StandardApplyForEO = item
+      })
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+.label-input-form{
+  padding: 0 19px;
+}
+.drawer-footer {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: 100%;
+  padding: 0 20px;
+  height: 70px;
+  line-height: 69px;
+  border-top: 1px solid #e8e8e8;
+  text-align: right;
+  background: #fff;
+  z-index: 999;
+}
+.content{
+  display: flex;
+  align-items: center;
+  min-height: 50px;
+  overflow: auto;
+}
+.add-form-item{
+  border-bottom: none;
+}
+.formLine{
+  border-bottom: 1px dashed #e5e5e5
+}
+</style>
diff --git a/src/pages/regulatoryRepository/standardTranslationAcquisitionRequest/components/exportDialog.vue b/src/pages/regulatoryRepository/standardTranslationAcquisitionRequest/components/exportDialog.vue
new file mode 100644
index 000000000..c96204a9a
--- /dev/null
+++ b/src/pages/regulatoryRepository/standardTranslationAcquisitionRequest/components/exportDialog.vue
@@ -0,0 +1,62 @@
+<template>
+  <!--导出文件改名字模态框-->
+  <el-dialog :visible.sync="exportModelFlag" title="导出文件" width="300px">
+    <el-form :inline="true" class="label-input-form search-area">
+      <el-form-item label="导出名称" class="search-item">
+        <el-input v-model="exportName" placeholder="请输入导出文件名称" :maxlength="30" clearable label="导出名称"/>
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="demo-drawer-footer">
+      <el-button class="common-button-default" icon="el-icon-close" @click="cancel">取消</el-button>
+      <el-button type="primary" round class="common-button-primary" icon="el-icon-check" @click="submit">提交</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'exportDialog',
+  data () {
+    return {
+      exportModelFlag: false,
+      exportName: ''
+    }
+  },
+  methods: {
+    openModel () {
+      this.exportName = ''
+      this.exportModelFlag = true
+    },
+    cancel () {
+      this.exportModelFlag = false
+    },
+    submit () {
+      this.$emit('exportData', this.exportName)
+      this.exportModelFlag = false
+    }
+  }
+}
+</script>
+
+<style scoped>
+/deep/ .label-input-form .add-form-item .el-form-item__content .el-input .el-input__inner {
+  width: 280px;
+}
+/deep/ .el-dialog .el-dialog__header {
+  width: 100%;
+  font-size: 14px;
+  color: #17233d;
+  font-weight: bold;
+  border-bottom: 1px solid #e5e5e5;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+/deep/ .el-dialog .el-dialog__body {
+  padding: 15px 20px;
+}
+/deep/ .el-dialog .el-dialog__footer .el-button {
+  height: 32px;
+  padding: 8px 23px;
+}
+</style>
diff --git a/src/pages/regulatoryRepository/standardTranslationAcquisitionRequest/components/standardTranslationAcquisitionRequestModal.vue b/src/pages/regulatoryRepository/standardTranslationAcquisitionRequest/components/standardTranslationAcquisitionRequestModal.vue
new file mode 100644
index 000000000..1740c9f4e
--- /dev/null
+++ b/src/pages/regulatoryRepository/standardTranslationAcquisitionRequest/components/standardTranslationAcquisitionRequestModal.vue
@@ -0,0 +1,298 @@
+<template>
+  <el-dialog
+    title="标准/译文获取申请"
+    width="70%"
+    :visible.sync="visible"
+    :before-close="handleClose"
+  >
+    <div class="operate">
+      <el-button size="mini" type="primary" @click="standardTranslationAcquisitionRequestAdd">新增标准/译文获取申请</el-button>
+      <el-upload
+        :action="`/api/lawss/standardApplyFor/importData`"
+        :headers="headers"
+        style="margin: 0 10px"
+        :on-success="importSuccess"
+        :on-error="importError"
+        :show-file-list="false"
+        :multiple="false"
+        accept=".xlsx,.xls"
+      >
+        <el-button size="mini" type="primary">导入</el-button>
+      </el-upload>
+      <el-button size="mini" @click="templateDownload">模板下载</el-button>
+      <el-button size="mini" @click="batchDelete()">批量删除</el-button>
+    </div>
+    <div class="table-container">
+      <el-table
+        ref="selections"
+        tooltip-effect="dark"
+        style="width: 100%; flex: auto;"
+        class="drag-table"
+        height="300px"
+        row-key="id"
+        border
+        :data="StandardApplyForEO"
+        :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px', fontWeight: 'bold', height: '48px'}"
+        @selection-change="handleSelectionChange"
+      >
+        <el-table-column
+          type="selection"
+          width="55"
+        />
+        <el-table-column
+          type="index"
+          fixed="left"
+          width="55"
+          label="序号"
+          align="center"
+        />
+        <el-table-column
+          show-overflow-tooltip
+          label="类型"
+          prop="typeShow"
+          align="center"
+          min-width="100"
+        />
+        <el-table-column
+          show-overflow-tooltip
+          label="标准编号"
+          width="150"
+          align="center"
+          prop="standNumShow"
+        />
+        <el-table-column
+          show-overflow-tooltip
+          label="标准名称"
+          prop="standName"
+          align="center"
+          min-width="150"
+        />
+        <el-table-column
+          show-overflow-tooltip
+          label="原语言"
+          prop="sourceLanguage"
+          align="center"
+          min-width="100"
+        />
+        <el-table-column
+          show-overflow-tooltip
+          label="目标语言"
+          prop="targetLanguage"
+          align="center"
+          min-width="100"
+        />
+        <el-table-column
+          show-overflow-tooltip
+          label="理由"
+          prop="reason"
+          align="center"
+          min-width="300"
+        />
+        <el-table-column label="操作" align="center" width="200" fixed="right">
+          <template slot-scope="scope">
+            <div class="table-operate-btn" @click="toView(scope.row)">查看</div>
+            <div class="table-operate-btn" @click="edit(scope.row)">编辑</div>
+            <div class="table-operate-btn" @click="batchDelete(scope.row.id)">删除</div>
+          </template>
+        </el-table-column>
+      </el-table>
+      <!--分页-->
+      <pagination
+        style="position: relative;"
+        :page="page"
+        :total="total"
+        @pageChange="pageChange"
+        @pageSizeChange="pageSizeChange"
+      />
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button size="mini" type="primary" @click="cancel">取消</el-button>
+      <el-button size="mini" type="primary" @click="submitData(1)">提交</el-button>
+    </span>
+    <loading :loading="tableLoading">数据加载中……</loading>
+    <addModal ref="addModalRef" @updateList="getList" />
+    <detailModal ref="detailModalRef" />
+  </el-dialog>
+</template>
+
+<script>
+import addModal from './addModal';
+import detailModal from './detailModal';
+export default {
+  name: 'StandardTranslationAcquisitionRequestModal',
+  components: {
+    addModal,
+    detailModal
+  },
+  data () {
+    return {
+      visible: false,
+      tableLoading: false,
+      StandardApplyForEO: [],
+      selectedList: [],
+      page: 1,
+      headers: {
+        token: JSON.parse(localStorage.getItem('userInfo')).token
+      },
+      pageSize: this.$store.getters.userInfo.configContent,
+      total: 0,
+      fileList: '',
+      url: {
+        deleteUrl: '/lawss/standardApplyFor/batchUpdateValidFlag',
+        getList: '/lawss/standardApplyFor/queryStagingByPage',
+        importData: '/lawss/standardApplyFor/importData'
+      }
+    }
+  },
+  methods: {
+    showModal () {
+      this.visible = true
+      this.StandardApplyForEO = []
+      this.page = 1
+      this.getList()
+    },
+    handleClose () {
+      this.visible = false
+      this.$emit('updateIndexList')
+    },
+    toView (item) {
+      this.$refs.detailModalRef.showModal(item)
+    },
+    edit (item) {
+      this.$refs.addModalRef.showModal(item)
+    },
+    importSuccess (response) {
+      if (response.ok) {
+        this.$message({
+          message: response.data,
+          dangerouslyUseHTMLString: true,
+          type: 'success'
+        })
+      }else {
+        this.$message({
+          message: response.message,
+          dangerouslyUseHTMLString: true,
+          type: 'warning'
+        })
+      }
+      this.getList()
+    },
+    importError () {
+      this.$message.error('操作失败')
+    },
+    templateDownload () {
+      window.open('/api/lawss/standardApplyFor/exportTemplateFile?fileName=标准/译文获取申请模板.xlsx')
+    },
+    getList () {
+      this.tableLoading = true
+      this.$http.get(this.url.getList, { page: this.page, pageSize: this.pageSize }, {
+        _this: this,
+      }, res => {
+        if (res.ok) {
+          this.StandardApplyForEO = res.data.records
+          this.total = res.data.total
+        }else {
+          this.StandardApplyForEO = []
+          this.total = 0
+        }
+        this.tableLoading = false
+      })
+    },
+    batchDelete (id) {
+      let ids = ''
+      let tipsText = ''
+      if (id) {
+        ids = id
+        tipsText = '确认删除这条数据？'
+      } else {
+        if (this.selectedList && this.selectedList.length > 0) {
+          ids = this.selectedList.join(',')
+          tipsText = '确认删除这些数据？'
+        }else{
+          this.$message.warning('请至少勾选一条数据')
+          return
+        }
+      }
+      this.$confirm(tipsText, '提示', {
+        confirmButtonText: '确定',
+        confirmButtonClass: 'common-button-primary',
+        cancelButtonText: '取消',
+        type: 'warning',
+        roundButton: false
+      }).then(() => {
+        this.$http.postData(this.url.deleteUrl, { ids: ids }, { _this: this }, res => {
+          if (res.ok) {
+            this.$message.success('操作成功')
+            this.getList()
+            this.selectedList = []
+          }else{
+            this.$message.warning(res.message)
+          }
+        })
+      }).catch(() => {
+        // 取消删除，清空选择
+        this.$refs.selections.clearSelection()
+      })
+    },
+    submitData () {
+      if (this.selectedList && this.selectedList.length > 0) {
+        const query = {
+          status: 'pendingApproval',
+          ids: this.selectedList.join(',')
+        }
+        this.$http.postData('/lawss/standardApplyFor/batchUpdateStatus', query, { _this: this }, res => {
+          if (res.ok) {
+            this.$message.success('操作成功')
+            this.getList()
+          }else{
+            this.$message.warning(res.message)
+          }
+        })
+      } else {
+        this.$message.warning('请至少勾选一条数据')
+      }
+    },
+    handleSelectionChange (value) {
+      const ids = []
+      value.forEach(item => {
+        ids.push(item.id)
+      })
+      this.selectedList = [ ...ids ]
+    },
+    standardTranslationAcquisitionRequestAdd () {
+      this.$refs.addModalRef.addModel()
+    },
+    pageChange (page) {
+      this.page = page
+      this.getList()
+    },
+    pageSizeChange (pageSize) {
+      this.pageSize = pageSize
+      this.getList()
+    },
+    cancel () {
+      this.visible = false
+      this.$emit('updateIndexList')
+    },
+  }
+}
+</script>
+
+<style scoped>
+.operate {
+  display: flex;
+  justify-content: right;
+  margin-bottom: 5px;
+}
+
+.table-operate-btn {
+  display: inline-block;
+  cursor: pointer;
+  color: #409EFF;
+  margin: 0 5px;
+}
+  /deep/.el-input.is-disabled .el-input__inner{
+    background-color: #fff;
+    color: #606266;
+  }
+</style>
diff --git a/src/pages/regulatoryRepository/standardTranslationAcquisitionRequest/index.vue b/src/pages/regulatoryRepository/standardTranslationAcquisitionRequest/index.vue
new file mode 100644
index 000000000..26a6b2abc
--- /dev/null
+++ b/src/pages/regulatoryRepository/standardTranslationAcquisitionRequest/index.vue
@@ -0,0 +1,642 @@
+<template>
+  <!--标准/译文获取申请管理-->
+  <div class="standardTranslationAcquisitionRequest">
+    <div class="search-area">
+      <el-form :inline="true" :model="StandardApplyForEOPage">
+        <el-form-item class="el-form-item search-item" label="类型">
+          <el-select
+              v-model="StandardApplyForEOPage.type"
+              :placeholder="'请选择类型'"
+              clearable
+          >
+            <el-option
+                v-for="opt in typeList"
+                :key="opt.value"
+                :value="opt.value === undefined ? '' :opt.value"
+                :label="opt.label"
+            >
+              {{ opt.label }}
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item class="el-form-item search-item" label="申请单位">
+          <el-input
+              v-model="applyForUnitName"
+              :config="zrbmOptions"
+              clearable
+              placeholder="请选择申请单位"
+              readonly
+              @click.native="choiceZRBM('dep', '选择申请单位', StandardApplyForEOPage.applyForUnitIds)"
+          />
+        </el-form-item>
+        <el-form-item class="el-form-item search-item" label="申请人">
+          <el-input v-model="applyForUserName" placeholder="选择请选择申请人"
+                    @click.native="choiceWSSMR('wssmr', '请选择申请人', StandardApplyForEOPage.applyForUserIds)"/>
+        </el-form-item>
+        <el-form-item class="el-form-item search-item" label="需求时间">
+          <el-input v-model="StandardApplyForEOPage.requiredTime" clearable placeholder="请输入需求时间"/>
+        </el-form-item>
+        <el-form-item class="el-form-item search-item" label="申请状态">
+          <el-select
+              v-model="StandardApplyForEOPage.status"
+              :placeholder="'请选择申请状态'"
+              clearable
+          >
+            <el-option
+                v-for="opt in statusList"
+                :key="opt.value"
+                :value="opt.value === undefined ? '' :opt.value"
+                :label="opt.label"
+            >
+              {{ opt.label }}
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button size="mini" type="primary" @click="searchData">查询</el-button>
+          <el-button size="mini" @click="clearSerach">清空</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <div class="operate-options">
+      <div>
+        <el-button v-btn-permission="'34ea84f51eb01a166b7acfe4f7b02c8d'" size="mini" type="danger"
+                   @click="batchOverrule(selectedList)">批量驳回
+        </el-button>
+        <el-button v-btn-permission="'a8218ff15358a5265e5571e49acf1f4e'" size="mini" type="primary"
+                   @click="batchPass(selectedList)">批量通过
+        </el-button>
+        <el-button v-btn-permission="'b899c22e27baa561b8c2ecb0f35d7302'" size="mini" @click="exportList">列表导出
+        </el-button>
+      </div>
+      <div>
+        <el-button v-btn-permission="'33809866b2fda3f52058299b5e2584c3'" size="mini" type="primary"
+                   @click="standardsAndTranslationRequestShowModal">标准/译文获取申请
+        </el-button>
+      </div>
+    </div>
+    <div class="content">
+      <div class="table-wrap">
+        <div style="position: absolute;height: calc(100% - 10px);width: 100%;">
+          <el-table
+              ref="selections"
+              v-loading="tableLoading"
+              tooltip-effect="dark"
+              style="width: 100%;"
+              height="100%"
+              class="drag-table"
+              row-key="id"
+              border
+              :data="StandardApplyForEO"
+              :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px', fontWeight: 'bold', height: '48px'}"
+              @selection-change="handleSelectionChange"
+          >
+            <el-table-column
+                type="selection"
+                width="55"
+            />
+            <el-table-column
+                type="index"
+                fixed="left"
+                width="55"
+                label="序号"
+                align="center"
+            />
+            <el-table-column
+                show-overflow-tooltip
+                label="类型"
+                prop="typeShow"
+                align="center"
+                min-width="100"
+            />
+            <el-table-column
+                show-overflow-tooltip
+                label="标准编号"
+                width="150"
+                align="center"
+                prop="standNumShow"
+            />
+            <el-table-column
+                show-overflow-tooltip
+                label="标准名称"
+                prop="standName"
+                align="center"
+                min-width="150"
+            />
+            <el-table-column
+                show-overflow-tooltip
+                label="原语言"
+                prop="sourceLanguage"
+                align="center"
+                min-width="85"
+            />
+            <el-table-column
+                show-overflow-tooltip
+                label="目标语言"
+                prop="targetLanguage"
+                align="center"
+                min-width="85"
+            />
+            <el-table-column
+                show-overflow-tooltip
+                label="理由"
+                prop="reason"
+                align="center"
+                min-width="300"
+            />
+            <el-table-column
+                show-overflow-tooltip
+                label="申请状态"
+                prop="statusShow"
+                align="center"
+                min-width="100"
+            />
+            <el-table-column label="操作" align="center" width="200" fixed="right">
+              <template slot-scope="scope">
+                <div class="table-operate-btn" @click="toView(scope.row)">查看</div>
+                <div v-show="scope.row.status ==='pendingApproval'"
+                     v-btn-permission="'3bc041e58bcb4b0510bcc1aad0b9ce89'" class="table-operate-btn"
+                     @click="batchPass([scope.row.id])">通过
+                </div>
+                <div v-show="scope.row.status ==='pendingApproval'"
+                     v-btn-permission="'92adace8c9a703b3b2472f684808db98'" class="table-operate-btn"
+                     @click="batchOverrule([scope.row.id])">驳回
+                </div>
+                <div
+                    v-if="account === scope.row.createBy"
+                    v-show="scope.row.status ==='pendingApproval'"
+                    v-btn-permission="'08d4e36d7580c108f3a4ee8a66bbe04e'"
+                    class="table-operate-btn"
+                    @click="ResubmitOrWithdraw (scope.row.id,'draft')"
+                >
+                  撤回
+                </div>
+                <div
+                    v-if="account === scope.row.createBy"
+                    v-show="scope.row.status === 'refuse' || scope.row.status === 'draft'"
+                    v-btn-permission="'a2a193e87244b42fb2f989a1a9b40330'"
+                    class="table-operate-btn"
+                    @click="edit(scope.row)"
+                >
+                  编辑
+                </div>
+                <div
+                    v-if="account === scope.row.createBy"
+                    v-show="scope.row.status === 'refuse' || scope.row.status === 'draft'"
+                    v-btn-permission="'c3944c3c309ba5bc5d11b6b5a2773454'"
+                    class="table-operate-btn"
+                    @click="ResubmitOrWithdraw (scope.row.id,'pendingApproval')"
+                >
+                  重新提交
+                </div>
+                <div
+                    v-if="account === scope.row.createBy || moduleAdmin"
+                    v-show="scope.row.status === 'refuse' || scope.row.status === 'draft'"
+                    class="table-operate-btn"
+                    @click="batchDelete (scope.row.id)"
+                >
+                  删除
+                </div>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+      </div>
+    </div>
+    <pagination
+        style="position: relative;"
+        :page="StandardApplyForEOPage.page"
+        :total="total"
+        @pageChange="pageChange"
+        @pageSizeChange="pageSizeChange"
+    />
+    <standardsAndTranslationModal ref="standardsAndTranslationModalRef" @updateIndexList="getList"/>
+    <detailModal ref="detailModalRef"/>
+    <addModal ref="addModalRef" @updateList="getList"/>
+    <exportDialog ref="exportDialogRef" @exportData="exportName"/>
+    <Role-tree
+        :is-title="drawerTitle"
+        :is-visible.sync="modalShowRoleFlag"
+        :nodeList="nodeList"
+        @checkedRole="checkedRole"
+    />
+    <Mechanism-tree
+        :checkBox="true"
+        :is-title="choiceTitle"
+        :is-visible.sync="modalShowDepFlag"
+        :nodeList="nodeListDep"
+        @checkedRole="drawerCheckDep"
+    />
+  </div>
+</template>
+
+<script>
+import standardsAndTranslationModal from './components/standardTranslationAcquisitionRequestModal';
+import detailModal from './components/detailModal';
+import addModal from './components/addModal';
+import exportDialog from './components/exportDialog';
+import axios from '@/common/axiosV2'
+
+export default {
+  name: 'StandardTranslationAcquisitionRequest',
+  components: {
+    standardsAndTranslationModal,
+    detailModal,
+    exportDialog,
+    addModal
+  },
+  data() {
+    return {
+      moduleAdmin: false,
+      applyForUnitName: '',
+      modalShowDepFlag: false,
+      choiceTitle: '', // 人员选择
+      zrbmOptions: {
+        attrName: '责任部门',
+        options: []
+      },
+      tableLoading: false,
+      selectedTag: true,
+      total: 0,
+      StandardApplyForEOPage: {
+        page: 1,
+        pageSize: this.$store.getters.userInfo.configContent,
+      },
+      applyForUserName: '',
+      StandardApplyForEO: [],
+      selectedList: [],
+      url: {
+        getList: '/lawss/standardApplyFor/queryByPage',
+        updateState: '/lawss/standardApplyFor/batchUpdateStatus',
+        exportData: '/lawss/standardApplyFor/exportStandardApplyForEOExcel',
+        deleteUrl: '/lawss/standardApplyFor/batchUpdateValidFlag',
+      },
+      typeList: [],
+      applicantUnitList: [],
+      statusList: [
+        {
+          label: '通过',
+          value: 'pass',
+        },
+        {
+          label: '驳回',
+          value: 'refuse',
+        },
+        {
+          label: '待审批',
+          value: 'pendingApproval',
+        },
+        {
+          label: '草稿',
+          value: 'draft',
+        }
+      ],
+      nodeList: [],
+      userType: '',
+      drawerTitle: '',
+      modalShowRoleFlag: false,
+      account: '',
+      nodeListDep: []
+    }
+  },
+  mounted() {
+    this.account = JSON.parse(window.localStorage.getItem('userInfo')).account
+    if (this.$route.query && this.$route.query.tag === 'fromSearchCenter') {
+      this.standardsAndTranslationRequestShowModal()
+      this.$router.replace({query: {...this.$route.query, tag: undefined}})
+    }
+    this.getList()
+    this.getDicTypeListCode()
+  },
+  methods: {
+    batchDelete(id) {
+      let ids = ''
+      let tipsText = ''
+      if (id) {
+        ids = id
+        tipsText = '确认删除这条数据？'
+      }
+      this.$confirm(tipsText, '提示', {
+        confirmButtonText: '确定',
+        confirmButtonClass: 'common-button-primary',
+        cancelButtonText: '取消',
+        type: 'warning',
+        roundButton: false
+      }).then(() => {
+        this.$http.postData(this.url.deleteUrl, {ids: ids}, {_this: this}, res => {
+          if (res.ok) {
+            this.$message.success('操作成功')
+            this.getList()
+          } else {
+            this.$message.warning(res.message)
+          }
+        })
+      })
+    },
+    drawerCheckDep(data) {
+      let idList = ''
+      let nameList = ''
+      data.forEach(item => {
+        if (nameList.length > 0) {
+          nameList += ','
+          idList += ','
+        }
+        idList += item.id
+        nameList += item.name
+      })
+      this.StandardApplyForEOPage.applyForUnitIds = idList;
+      this.applyForUnitName = nameList;
+    },
+    choiceZRBM(type, title, id = '') {
+      this.nodeListDep = []
+      if (id) {
+        this.$set(this, 'nodeListDep', id.split(','))
+      }
+      this.choiceTitle = title
+      this.modalShowDepFlag = true
+    },
+    ResubmitOrWithdraw(id, status) {
+      const query = {
+        status: status ? status : '',
+        ids: id
+      }
+      this.$http.postData('/lawss/standardApplyFor/batchUpdateStatus', query, {_this: this}, res => {
+        if (res.ok) {
+          this.$message.success('操作成功')
+          this.getList()
+        } else {
+          this.$message.warning(res.message)
+        }
+      })
+    },
+    edit(item) {
+      this.$refs.addModalRef.showModal(item)
+    },
+    checkedRole(data) {
+      let idList = ''
+      let nameList = ''
+      data.forEach(item => {
+        if (nameList.length > 0) {
+          nameList += ','
+          idList += ','
+        }
+        idList += item.id
+        nameList += item.name
+      })
+      this.StandardApplyForEOPage.applyForUserIds = idList
+      this.applyForUserName = nameList
+    },
+    choiceWSSMR(type, title, id) {
+      this.nodeList = []
+      if (id) {
+        const nameId = id.split(',')
+        let idList = []
+        nameId.forEach(item => {
+          idList.push(item)
+        })
+        idList = idList.join(',')
+        this.nodeList.push(idList)
+      }
+      this.userType = type
+      this.drawerTitle = title
+      this.modalShowRoleFlag = true
+    },
+    getDicTypeListCode() {
+      this.$http.get('sys/dictype/getDicTypeListCode', '', {
+        _this: this
+      }, res => {
+        this.typeList = res.data.BZJYWTYPE // 标准类别
+        this.applicantUnitList = res.data.GKGLBM // 归口管理部门
+      }, e => {
+      })
+    },
+    searchData() {
+      this.StandardApplyForEOPage.page = 1
+      this.getList()
+    },
+    clearSerach() {
+      this.applyForUnitName = ''
+      this.applyForUserName = ''
+      this.StandardApplyForEOPage = {
+        page: 1,
+        pageSize: this.$store.getters.userInfo.configContent
+      }
+      this.getList()
+    },
+    getList() {
+      this.tableLoading = true
+      this.$http.get(this.url.getList, {
+        ...this.StandardApplyForEOPage
+      }, {
+        _this: this
+      }, res => {
+        if (res.ok) {
+          this.StandardApplyForEO = res.data.records
+          this.total = res.data.total
+        } else {
+          this.StandardApplyForEO = []
+          this.total = 0
+        }
+        this.selectedList = []
+        this.$refs.selections.clearSelection()
+        this.tableLoading = false
+        this.$http.get('/lawss/standardApplyFor/queryPendingApprovalCount', '', {_this: this}, res => {
+          if (res.ok) {
+            this.$store.commit('SET_STANDARD_TRANSLATION_TODO', res.data.pendingApprovalCount)
+            this.moduleAdmin = res.data.isStandardApplyForAdministrator
+          }
+        })
+      })
+    },
+    batchPass(id) {
+      if (id.length === 0) {
+        this.$message({
+          message: '请选择至少一条数据',
+          type: 'warning',
+          offset: 20
+        })
+        return
+      }
+      if (!this.selectedTag) {
+        this.$message({
+          message: '只能选择待审批的数据，请重新选择',
+          type: 'warning',
+          offset: 20
+        })
+        return
+      }
+      const ids = id.join(',')
+      this.$confirm('确定通过？', '提示', {
+        confirmButtonText: '确定',
+        confirmButtonClass: 'common-button-primary',
+        cancelButtonText: '取消',
+        type: 'warning',
+        roundButton: false
+      }).then(() => {
+        this.$http.postData(this.url.updateState, {status: 'pass', ids: ids}, {_this: this}, res => {
+          if (res.ok) {
+            this.$message.success('操作成功')
+            this.getList()
+          } else {
+            this.$message.warning(res.message)
+          }
+        })
+      }).catch(() => {
+        // 取消删除，清空选择
+        this.$refs.selections.clearSelection()
+      })
+    },
+    batchOverrule(id) {
+      if (id.length === 0) {
+        this.$message({
+          message: '请选择至少一条数据',
+          type: 'warning',
+          offset: 20
+        })
+        return
+      }
+      if (!this.selectedTag) {
+        this.$message({
+          message: '只能选择待审批的数据，请重新选择',
+          type: 'warning',
+          offset: 20
+        })
+        return
+      }
+      const ids = id.join(',')
+      this.$prompt('请输入驳回原因', '提示', {
+        confirmButtonText: '确定',
+        confirmButtonClass: 'common-button-primary',
+        cancelButtonText: '取消',
+        type: 'warning',
+        roundButton: false,
+        inputValidator: (value) => {
+          if (value === null || value === undefined) {
+            return '驳回原因不能为空'
+          } else if (value.length > 500) {
+            return '驳回原因不能超过500个字符'
+          } else if (value.length === 0) {
+            return '驳回原因不能为空'
+          } else {
+            return true
+          }
+        },
+        inputErrorMessage: ''
+      }).then(({value}) => {
+        this.$http.postData(this.url.updateState, {status: 'refuse', refuseCause: value, ids}, {_this: this}, res => {
+          if (res.ok) {
+            this.$message.success('操作成功')
+            this.getList()
+          } else {
+            this.$message.warning(res.message)
+          }
+        })
+      }).catch(() => {
+        // 取消删除，清空选择
+        this.$refs.selections.clearSelection()
+      })
+    },
+    exportName(name) {
+      const params = {
+        ...this.StandardApplyForEOPage,
+        exportFileName: name ? name : '标准及译文获取申请',
+        ids: this.selectedList.length > 0 ? this.selectedList.join(',') : '',
+      };
+      axios({
+        url: '/api/lawss/standardApplyFor/exportStandardApplyForEOExcel',
+        method: 'get',
+        responseType: 'blob',
+        params: params
+      }).then(res => {
+        const blob = new Blob([res], {type: 'application/vnd.ms-excel'});
+        // 浏览器兼容，Google和火狐支持a标签的download，IE不支持
+        if (window.navigator && window.navigator.msSaveBlob) {
+          // IE浏览器、微软浏览器
+          /* 经过测试，微软浏览器Microsoft Edge下载文件时必须要重命名文件才可以打开，
+            IE可不重命名，以防万一，所以都写上比较好 */
+          window.navigator.msSaveBlob(blob, name + '.xlsx');
+        } else {
+          // 其他浏览器
+          const link = document.createElement('a'); // 创建a标签
+          link.style.display = 'none';
+          const objectUrl = URL.createObjectURL(blob);
+          link.href = objectUrl;
+          link.download = name ? name : '标准及译文获取申请' + '.xlsx';
+          link.click();
+          URL.revokeObjectURL(objectUrl);
+        }
+      })
+    },
+    exportList() {
+      this.$refs.exportDialogRef.openModel()
+    },
+    toView(id) {
+      this.$refs.detailModalRef.showModal(id)
+    },
+    standardsAndTranslationRequestShowModal() {
+      this.$refs.standardsAndTranslationModalRef.showModal()
+    },
+    pageChange(page) {
+      this.StandardApplyForEOPage.page = page
+      this.getList()
+    },
+    pageSizeChange(pageSize) {
+      this.StandardApplyForEOPage.pageSize = pageSize
+      this.getList()
+    },
+    handleSelectionChange(value) {
+      const ids = []
+      value.forEach(item => {
+        ids.push(item.id)
+        this.selectedTag = true
+        if (item.status !== 'pendingApproval') {
+          this.selectedTag = false
+        }
+      })
+      this.selectedList = [...ids]
+    }
+  },
+}
+</script>
+
+<style scoped lang="less">
+.standardTranslationAcquisitionRequest {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  background-color: white;
+
+  .operate-options {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 10px;
+  }
+
+  .content {
+    flex: auto;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+
+    .table-wrap {
+      flex: auto;
+      overflow: hidden;
+      position: relative;
+    }
+  }
+
+  .table-operate-btn {
+    display: inline-block;
+    cursor: pointer;
+    color: #409EFF;
+    margin: 0 5px;
+  }
+
+  .stand-date-range-picker {
+    /deep/ .el-range-separator {
+      width: auto;
+    }
+  }
+}
+</style>
diff --git a/src/pages/searchCenter/pages/standardSearch/index.vue b/src/pages/searchCenter/pages/standardSearch/index.vue
index 8015bb824..5b3136625 100644
--- a/src/pages/searchCenter/pages/standardSearch/index.vue
+++ b/src/pages/searchCenter/pages/standardSearch/index.vue
@@ -81,6 +81,7 @@
           <div>首页</div>
         </router-link>
       </div>
+      <el-button @click="toStandardTranslationAcquisitionRequest" style="margin-left: auto" type="primary" size="mini">标准/译文获取申请</el-button>
     </div>
     <div class="main">
       <loading :loading="loading">数据获取中</loading>
@@ -236,6 +237,15 @@ export default {
     this.getData()
   },
   methods: {
+    toStandardTranslationAcquisitionRequest () {
+      let url = this.$router.resolve({
+        name: 'standardTranslationAcquisitionRequest',
+        query: {
+          tag: 'fromSearchCenter'
+        }
+      })
+      window.open(url.href, '_blank')
+    },
     onSearch () {
       this.searchForm.page = 1
       this.getData()
diff --git a/src/router/index.js b/src/router/index.js
index aa3b41ed3..1b93375e5 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -4112,6 +4112,16 @@ const routes = [
           menuId: ''
         }
       },
+      {
+        path: '/standardTranslationAcquisitionRequest',
+        name: 'standardTranslationAcquisitionRequest',
+        component: () => import('@/pages/regulatoryRepository/standardTranslationAcquisitionRequest'),
+        meta: {
+          requireAuth: true,
+          title: '标准/译文获取申请管理',
+          menuId: 'd7ad73e98162894d020aa993c08a4532'
+        }
+      },
       // 本地产品/项目库详情页
       {
         path: '/localProductDetail',
diff --git a/src/store/getters/index.js b/src/store/getters/index.js
index fbf6e9278..4c15374ea 100644
--- a/src/store/getters/index.js
+++ b/src/store/getters/index.js
@@ -182,5 +182,8 @@ export default {
   },
   refreshFlag: state => {
     return state.refreshFlag
+  },
+  getStandardTranslationTodo: state => {
+    return state.standardTranslationTodo
   }
 }
diff --git a/src/store/mutations/index.js b/src/store/mutations/index.js
index 3503672c8..1c3201b96 100644
--- a/src/store/mutations/index.js
+++ b/src/store/mutations/index.js
@@ -302,5 +302,8 @@ export default {
     try {
       localStorage.setItem('refreshFlag', flag)
     } catch (e) {}
+  },
+  SET_STANDARD_TRANSLATION_TODO (state, value) {
+    state.standardTranslationTodo = value
   }
 }
diff --git a/src/store/state/index.js b/src/store/state/index.js
index b4ee9092f..e27c9dfdf 100644
--- a/src/store/state/index.js
+++ b/src/store/state/index.js
@@ -34,6 +34,7 @@ let rukuBaseInfo = '' // 入库流程基础表单信息(后几步展示用)
 let accessStandRegRows = '' // 标准法规清单编辑
 let accessStandRegTabName = '' // 标准法规清单页面当前页签
 let refreshFlag = '' // 监听其他页面刷新
+let standardTranslationTodo = 0 // 标准/译文获取申请管理待办标记
 try {
   if (localStorage.theme) { defaultTheme = localStorage.theme }
   if (localStorage.token) { defaultToken = localStorage.token }
@@ -102,5 +103,6 @@ export default {
   rukuBaseInfo,
   accessStandRegRows,
   accessStandRegTabName,
-  refreshFlag
+  refreshFlag,
+  standardTranslationTodo
 }