From 08ce3b3395f007c5670dfe58769cafc7001ea0c5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=8B=E4=BC=9F=E4=BD=B3?= <2797716443@qq.com>
Date: Thu, 23 Dec 2021 15:24:31 +0800
Subject: [PATCH] =?UTF-8?q?=E6=89=8B=E6=9C=BA=E7=AB=AF=E5=AE=A1=E6=89=B9?=
 =?UTF-8?q?=E5=8E=86=E5=8F=B2=E5=85=AC=E5=85=B1=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../processCenter/pages/phone/qbfz/step2.vue  | 60 +-----------------
 .../processCenter/pages/phone/qbfz/step5.vue  | 60 +-----------------
 .../processCenter/pages/phone/qbfz/step6.vue  | 60 +-----------------
 .../processCenter/pages/phone/qbfz/step7.vue  | 60 +-----------------
 .../pages/phone/qbzxdjhgk/step2.vue           | 60 +-----------------
 .../pages/phone/qbzxdjhgk/step3.vue           | 60 +-----------------
 .../pages/phone/qbzxdjhgk/step4.vue           | 60 +-----------------
 .../pages/phone/qbzxdjhgk/step5.vue           | 60 +-----------------
 .../processCenter/pages/phone/wbsm/step3.vue  | 60 +-----------------
 .../processCenter/pages/phone/wbsm/step4.vue  | 60 +-----------------
 .../processCenter/pages/phone/wbsm/step5.vue  | 60 +-----------------
 .../processCenter/pages/phone/xmpg/step2.vue  | 60 +-----------------
 .../processCenter/pages/phone/xmpg/step5.vue  | 60 +-----------------
 .../processCenter/pages/phone/xmpg/step6.vue  | 60 +-----------------
 .../processCenter/pages/phone/xmpg/step7.vue  | 60 +-----------------
 .../pages/phone/xmpg2/step10.vue              | 60 +-----------------
 .../pages/phone/xmpg2/step11.vue              | 60 +-----------------
 .../pages/phone/xmpg2/step12.vue              | 60 +-----------------
 .../processCenter/pages/phone/xmpg2/step2.vue | 60 +-----------------
 .../processCenter/pages/phone/xmpg2/step7.vue | 60 +-----------------
 .../processCenter/pages/phone/xmpg2/step8.vue | 60 +-----------------
 .../processCenter/pages/phone/xmpg2/step9.vue | 60 +-----------------
 .../pages/phone/xmqdqr/step5.vue              | 60 +-----------------
 .../pages/phone/zczqyj/step4.vue              | 62 +------------------
 .../pages/phone/zczqyj/step5.vue              | 62 +------------------
 .../pages/phone/zczqyj/step6.vue              | 62 +------------------
 .../pages/phone/zczqyj/step7.vue              | 62 +------------------
 .../pages/phone/zczqyj/step8.vue              | 62 +------------------
 .../pages/phone/zczqyj/step9.vue              | 62 +------------------
 29 files changed, 29 insertions(+), 1723 deletions(-)

diff --git a/src/pages/processCenter/pages/phone/qbfz/step2.vue b/src/pages/processCenter/pages/phone/qbfz/step2.vue
index 83d748c9e..c312c5bae 100644
--- a/src/pages/processCenter/pages/phone/qbfz/step2.vue
+++ b/src/pages/processCenter/pages/phone/qbfz/step2.vue
@@ -110,65 +110,7 @@
       </div>
     </div>
     <div class="content" v-show="active === '3'">
-      <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"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="assignee"
-          label="任务受理人"
-          align="center"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="createTime"
-          label="创建时间"
-          width="130"
-          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="完成时间"
-          width="130"
-          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="流程信息"
-          width="130"
-          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 ? '已完成' : '未完成'}}</span>
-          </template>
-        </el-table-column>
-      </el-table>
+      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
     </div>
     <ProcessFooter
       show-back
diff --git a/src/pages/processCenter/pages/phone/qbfz/step5.vue b/src/pages/processCenter/pages/phone/qbfz/step5.vue
index 9d990d259..e621f4b35 100644
--- a/src/pages/processCenter/pages/phone/qbfz/step5.vue
+++ b/src/pages/processCenter/pages/phone/qbfz/step5.vue
@@ -246,65 +246,7 @@
       </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
-          prop="name"
-          label="任务步骤"
-          align="center"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="assignee"
-          label="任务受理人"
-          align="center"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="createTime"
-          label="创建时间"
-          width="130"
-          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="完成时间"
-          width="130"
-          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="流程信息"
-          width="130"
-          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 ? '已完成' : '未完成'}}</span>
-          </template>
-        </el-table-column>
-      </el-table>
+      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
     </div>
     <ProcessFooter
       show-transfer
diff --git a/src/pages/processCenter/pages/phone/qbfz/step6.vue b/src/pages/processCenter/pages/phone/qbfz/step6.vue
index 559c81382..8717a1b10 100644
--- a/src/pages/processCenter/pages/phone/qbfz/step6.vue
+++ b/src/pages/processCenter/pages/phone/qbfz/step6.vue
@@ -246,65 +246,7 @@
       </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
-          prop="name"
-          label="任务步骤"
-          align="center"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="assignee"
-          label="任务受理人"
-          align="center"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="createTime"
-          label="创建时间"
-          width="130"
-          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="完成时间"
-          width="130"
-          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="流程信息"
-          width="130"
-          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 ? '已完成' : '未完成'}}</span>
-          </template>
-        </el-table-column>
-      </el-table>
+      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
     </div>
     <ProcessFooter
       show-transfer
diff --git a/src/pages/processCenter/pages/phone/qbfz/step7.vue b/src/pages/processCenter/pages/phone/qbfz/step7.vue
index 07fb06ffc..684db3087 100644
--- a/src/pages/processCenter/pages/phone/qbfz/step7.vue
+++ b/src/pages/processCenter/pages/phone/qbfz/step7.vue
@@ -246,65 +246,7 @@
       </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
-          prop="name"
-          label="任务步骤"
-          align="center"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="assignee"
-          label="任务受理人"
-          align="center"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="createTime"
-          label="创建时间"
-          width="130"
-          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="完成时间"
-          width="130"
-          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="流程信息"
-          width="130"
-          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 ? '已完成' : '未完成'}}</span>
-          </template>
-        </el-table-column>
-      </el-table>
+      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
     </div>
     <ProcessFooter
       show-transfer
diff --git a/src/pages/processCenter/pages/phone/qbzxdjhgk/step2.vue b/src/pages/processCenter/pages/phone/qbzxdjhgk/step2.vue
index c16b63659..dc426105c 100644
--- a/src/pages/processCenter/pages/phone/qbzxdjhgk/step2.vue
+++ b/src/pages/processCenter/pages/phone/qbzxdjhgk/step2.vue
@@ -170,65 +170,7 @@
       </div>
     </div>
     <div class="content" v-show="active === '3'">
-      <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"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="assignee"
-          label="任务受理人"
-          align="center"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="createTime"
-          label="创建时间"
-          width="130"
-          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="完成时间"
-          width="130"
-          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="流程信息"
-          width="130"
-          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 ? '已完成' : '未完成'}}</span>
-          </template>
-        </el-table-column>
-      </el-table>
+      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
     </div>
     <ProcessFooter
       show-back
diff --git a/src/pages/processCenter/pages/phone/qbzxdjhgk/step3.vue b/src/pages/processCenter/pages/phone/qbzxdjhgk/step3.vue
index 111f87ecd..2fcbeef4d 100644
--- a/src/pages/processCenter/pages/phone/qbzxdjhgk/step3.vue
+++ b/src/pages/processCenter/pages/phone/qbzxdjhgk/step3.vue
@@ -170,65 +170,7 @@
       </div>
     </div>
     <div class="content" v-show="active === '3'">
-      <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"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="assignee"
-          label="任务受理人"
-          align="center"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="createTime"
-          label="创建时间"
-          width="130"
-          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="完成时间"
-          width="130"
-          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="流程信息"
-          width="130"
-          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 ? '已完成' : '未完成'}}</span>
-          </template>
-        </el-table-column>
-      </el-table>
+      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
     </div>
     <ProcessFooter
       show-back
diff --git a/src/pages/processCenter/pages/phone/qbzxdjhgk/step4.vue b/src/pages/processCenter/pages/phone/qbzxdjhgk/step4.vue
index deef2ebdc..3ae2d1fda 100644
--- a/src/pages/processCenter/pages/phone/qbzxdjhgk/step4.vue
+++ b/src/pages/processCenter/pages/phone/qbzxdjhgk/step4.vue
@@ -170,65 +170,7 @@
       </div>
     </div>
     <div class="content" v-show="active === '3'">
-      <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"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="assignee"
-          label="任务受理人"
-          align="center"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="createTime"
-          label="创建时间"
-          width="130"
-          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="完成时间"
-          width="130"
-          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="流程信息"
-          width="130"
-          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 ? '已完成' : '未完成'}}</span>
-          </template>
-        </el-table-column>
-      </el-table>
+      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
     </div>
     <ProcessFooter
       show-transfer
diff --git a/src/pages/processCenter/pages/phone/qbzxdjhgk/step5.vue b/src/pages/processCenter/pages/phone/qbzxdjhgk/step5.vue
index 5a8e36882..cf544025e 100644
--- a/src/pages/processCenter/pages/phone/qbzxdjhgk/step5.vue
+++ b/src/pages/processCenter/pages/phone/qbzxdjhgk/step5.vue
@@ -170,65 +170,7 @@
       </div>
     </div>
     <div class="content" v-show="active === '3'">
-      <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"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="assignee"
-          label="任务受理人"
-          align="center"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="createTime"
-          label="创建时间"
-          width="130"
-          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="完成时间"
-          width="130"
-          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="流程信息"
-          width="130"
-          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 ? '已完成' : '未完成'}}</span>
-          </template>
-        </el-table-column>
-      </el-table>
+      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
     </div>
     <ProcessFooter
       show-transfer
diff --git a/src/pages/processCenter/pages/phone/wbsm/step3.vue b/src/pages/processCenter/pages/phone/wbsm/step3.vue
index b535b1259..2f1f0213f 100644
--- a/src/pages/processCenter/pages/phone/wbsm/step3.vue
+++ b/src/pages/processCenter/pages/phone/wbsm/step3.vue
@@ -74,65 +74,7 @@
       </el-collapse>
     </div>
     <div class="content" v-show="active === '2'">
-      <el-table
-        height="100%"
-        ref="selection"
-        :data="detailData"
-        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"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="assignee"
-          label="任务受理人"
-          align="center"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="createTime"
-          label="创建时间"
-          width="130"
-          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="完成时间"
-          width="130"
-          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="流程信息"
-          width="130"
-          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 ? '已完成' : '未完成'}}</span>
-          </template>
-        </el-table-column>
-      </el-table>
+      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
     </div>
     <ProcessFooter
       show-transfer
diff --git a/src/pages/processCenter/pages/phone/wbsm/step4.vue b/src/pages/processCenter/pages/phone/wbsm/step4.vue
index e795a9383..ce0645b98 100644
--- a/src/pages/processCenter/pages/phone/wbsm/step4.vue
+++ b/src/pages/processCenter/pages/phone/wbsm/step4.vue
@@ -74,65 +74,7 @@
       </el-collapse>
     </div>
     <div class="content" v-show="active === '2'">
-      <el-table
-        height="100%"
-        ref="selection"
-        :data="detailData"
-        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"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="assignee"
-          label="任务受理人"
-          align="center"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="createTime"
-          label="创建时间"
-          width="130"
-          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="完成时间"
-          width="130"
-          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="流程信息"
-          width="130"
-          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 ? '已完成' : '未完成'}}</span>
-          </template>
-        </el-table-column>
-      </el-table>
+      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
     </div>
     <ProcessFooter
       show-transfer
diff --git a/src/pages/processCenter/pages/phone/wbsm/step5.vue b/src/pages/processCenter/pages/phone/wbsm/step5.vue
index bf27337bb..b59996557 100644
--- a/src/pages/processCenter/pages/phone/wbsm/step5.vue
+++ b/src/pages/processCenter/pages/phone/wbsm/step5.vue
@@ -74,65 +74,7 @@
       </el-collapse>
     </div>
     <div class="content" v-show="active === '2'">
-      <el-table
-        height="100%"
-        ref="selection"
-        :data="detailData"
-        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"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="assignee"
-          label="任务受理人"
-          align="center"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="createTime"
-          label="创建时间"
-          width="130"
-          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="完成时间"
-          width="130"
-          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="流程信息"
-          width="130"
-          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 ? '已完成' : '未完成'}}</span>
-          </template>
-        </el-table-column>
-      </el-table>
+      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
     </div>
     <ProcessFooter
       show-transfer
diff --git a/src/pages/processCenter/pages/phone/xmpg/step2.vue b/src/pages/processCenter/pages/phone/xmpg/step2.vue
index fdefae93f..bece93daa 100644
--- a/src/pages/processCenter/pages/phone/xmpg/step2.vue
+++ b/src/pages/processCenter/pages/phone/xmpg/step2.vue
@@ -178,65 +178,7 @@
       </el-collapse>
     </div>
     <div class="content" v-show="active === '2'">
-      <el-table
-        height="100%"
-        ref="selection"
-        :data="detailData"
-        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"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="assignee"
-          label="任务受理人"
-          align="center"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="createTime"
-          label="创建时间"
-          width="130"
-          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="完成时间"
-          width="130"
-          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="流程信息"
-          width="130"
-          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 ? '已完成' : '未完成'}}</span>
-          </template>
-        </el-table-column>
-      </el-table>
+      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
     </div>
     <ProcessFooter
       show-transfer
diff --git a/src/pages/processCenter/pages/phone/xmpg/step5.vue b/src/pages/processCenter/pages/phone/xmpg/step5.vue
index 433e17aa0..ad94a4740 100644
--- a/src/pages/processCenter/pages/phone/xmpg/step5.vue
+++ b/src/pages/processCenter/pages/phone/xmpg/step5.vue
@@ -260,65 +260,7 @@
       </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
-          prop="name"
-          label="任务步骤"
-          align="center"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="assignee"
-          label="任务受理人"
-          align="center"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="createTime"
-          label="创建时间"
-          width="130"
-          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="完成时间"
-          width="130"
-          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="流程信息"
-          width="130"
-          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 ? '已完成' : '未完成'}}</span>
-          </template>
-        </el-table-column>
-      </el-table>
+      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
     </div>
     <ProcessFooter
       show-transfer
diff --git a/src/pages/processCenter/pages/phone/xmpg/step6.vue b/src/pages/processCenter/pages/phone/xmpg/step6.vue
index ff206e681..88ff77d2e 100644
--- a/src/pages/processCenter/pages/phone/xmpg/step6.vue
+++ b/src/pages/processCenter/pages/phone/xmpg/step6.vue
@@ -260,65 +260,7 @@
       </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
-          prop="name"
-          label="任务步骤"
-          align="center"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="assignee"
-          label="任务受理人"
-          align="center"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="createTime"
-          label="创建时间"
-          width="130"
-          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="完成时间"
-          width="130"
-          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="流程信息"
-          width="130"
-          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 ? '已完成' : '未完成'}}</span>
-          </template>
-        </el-table-column>
-      </el-table>
+      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
     </div>
     <ProcessFooter
       show-transfer
diff --git a/src/pages/processCenter/pages/phone/xmpg/step7.vue b/src/pages/processCenter/pages/phone/xmpg/step7.vue
index 671537349..1ad274cbc 100644
--- a/src/pages/processCenter/pages/phone/xmpg/step7.vue
+++ b/src/pages/processCenter/pages/phone/xmpg/step7.vue
@@ -260,65 +260,7 @@
       </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
-          prop="name"
-          label="任务步骤"
-          align="center"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="assignee"
-          label="任务受理人"
-          align="center"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="createTime"
-          label="创建时间"
-          width="130"
-          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="完成时间"
-          width="130"
-          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="流程信息"
-          width="130"
-          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 ? '已完成' : '未完成'}}</span>
-          </template>
-        </el-table-column>
-      </el-table>
+      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
     </div>
     <ProcessFooter
       show-transfer
diff --git a/src/pages/processCenter/pages/phone/xmpg2/step10.vue b/src/pages/processCenter/pages/phone/xmpg2/step10.vue
index 54508289a..8e3e04084 100644
--- a/src/pages/processCenter/pages/phone/xmpg2/step10.vue
+++ b/src/pages/processCenter/pages/phone/xmpg2/step10.vue
@@ -190,65 +190,7 @@
       </el-collapse>
     </div>
     <div class="content" v-show="active === '2'">
-      <el-table
-        height="100%"
-        ref="selection"
-        :data="detailData"
-        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"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="assignee"
-          label="任务受理人"
-          align="center"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="createTime"
-          label="创建时间"
-          width="130"
-          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="完成时间"
-          width="130"
-          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="流程信息"
-          width="130"
-          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 ? '已完成' : '未完成'}}</span>
-          </template>
-        </el-table-column>
-      </el-table>
+      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
     </div>
     <ProcessFooter
       show-back
diff --git a/src/pages/processCenter/pages/phone/xmpg2/step11.vue b/src/pages/processCenter/pages/phone/xmpg2/step11.vue
index 09769f66a..c7629186e 100644
--- a/src/pages/processCenter/pages/phone/xmpg2/step11.vue
+++ b/src/pages/processCenter/pages/phone/xmpg2/step11.vue
@@ -190,65 +190,7 @@
       </el-collapse>
     </div>
     <div class="content" v-show="active === '2'">
-      <el-table
-        height="100%"
-        ref="selection"
-        :data="detailData"
-        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"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="assignee"
-          label="任务受理人"
-          align="center"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="createTime"
-          label="创建时间"
-          width="130"
-          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="完成时间"
-          width="130"
-          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="流程信息"
-          width="130"
-          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 ? '已完成' : '未完成'}}</span>
-          </template>
-        </el-table-column>
-      </el-table>
+      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
     </div>
     <ProcessFooter
       show-submit
diff --git a/src/pages/processCenter/pages/phone/xmpg2/step12.vue b/src/pages/processCenter/pages/phone/xmpg2/step12.vue
index 75ade023f..7455d8709 100644
--- a/src/pages/processCenter/pages/phone/xmpg2/step12.vue
+++ b/src/pages/processCenter/pages/phone/xmpg2/step12.vue
@@ -190,65 +190,7 @@
       </el-collapse>
     </div>
     <div class="content" v-show="active === '2'">
-      <el-table
-        height="100%"
-        ref="selection"
-        :data="detailData"
-        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"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="assignee"
-          label="任务受理人"
-          align="center"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="createTime"
-          label="创建时间"
-          width="130"
-          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="完成时间"
-          width="130"
-          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="流程信息"
-          width="130"
-          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 ? '已完成' : '未完成'}}</span>
-          </template>
-        </el-table-column>
-      </el-table>
+      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
     </div>
     <ProcessFooter
       show-back
diff --git a/src/pages/processCenter/pages/phone/xmpg2/step2.vue b/src/pages/processCenter/pages/phone/xmpg2/step2.vue
index 718cc180c..3462e01dd 100644
--- a/src/pages/processCenter/pages/phone/xmpg2/step2.vue
+++ b/src/pages/processCenter/pages/phone/xmpg2/step2.vue
@@ -159,65 +159,7 @@
       </el-collapse>
     </div>
     <div class="content" v-show="active === '2'">
-      <el-table
-        height="100%"
-        ref="selection"
-        :data="detailData"
-        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"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="assignee"
-          label="任务受理人"
-          align="center"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="createTime"
-          label="创建时间"
-          width="130"
-          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="完成时间"
-          width="130"
-          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="流程信息"
-          width="130"
-          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 ? '已完成' : '未完成'}}</span>
-          </template>
-        </el-table-column>
-      </el-table>
+      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
     </div>
     <ProcessFooter
       show-back
diff --git a/src/pages/processCenter/pages/phone/xmpg2/step7.vue b/src/pages/processCenter/pages/phone/xmpg2/step7.vue
index e108ce432..e5b1c1a7b 100644
--- a/src/pages/processCenter/pages/phone/xmpg2/step7.vue
+++ b/src/pages/processCenter/pages/phone/xmpg2/step7.vue
@@ -190,65 +190,7 @@
       </el-collapse>
     </div>
     <div class="content" v-show="active === '2'">
-      <el-table
-        height="100%"
-        ref="selection"
-        :data="detailData"
-        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"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="assignee"
-          label="任务受理人"
-          align="center"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="createTime"
-          label="创建时间"
-          width="130"
-          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="完成时间"
-          width="130"
-          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="流程信息"
-          width="130"
-          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 ? '已完成' : '未完成'}}</span>
-          </template>
-        </el-table-column>
-      </el-table>
+      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
     </div>
     <ProcessFooter
       show-back
diff --git a/src/pages/processCenter/pages/phone/xmpg2/step8.vue b/src/pages/processCenter/pages/phone/xmpg2/step8.vue
index dcaa01d54..f032174ba 100644
--- a/src/pages/processCenter/pages/phone/xmpg2/step8.vue
+++ b/src/pages/processCenter/pages/phone/xmpg2/step8.vue
@@ -190,65 +190,7 @@
       </el-collapse>
     </div>
     <div class="content" v-show="active === '2'">
-      <el-table
-        height="100%"
-        ref="selection"
-        :data="detailData"
-        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"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="assignee"
-          label="任务受理人"
-          align="center"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="createTime"
-          label="创建时间"
-          width="130"
-          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="完成时间"
-          width="130"
-          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="流程信息"
-          width="130"
-          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 ? '已完成' : '未完成'}}</span>
-          </template>
-        </el-table-column>
-      </el-table>
+      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
     </div>
     <ProcessFooter
       show-back
diff --git a/src/pages/processCenter/pages/phone/xmpg2/step9.vue b/src/pages/processCenter/pages/phone/xmpg2/step9.vue
index 74ed2d19f..10834346a 100644
--- a/src/pages/processCenter/pages/phone/xmpg2/step9.vue
+++ b/src/pages/processCenter/pages/phone/xmpg2/step9.vue
@@ -190,65 +190,7 @@
       </el-collapse>
     </div>
     <div class="content" v-show="active === '2'">
-      <el-table
-        height="100%"
-        ref="selection"
-        :data="detailData"
-        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"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="assignee"
-          label="任务受理人"
-          align="center"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="createTime"
-          label="创建时间"
-          width="130"
-          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="完成时间"
-          width="130"
-          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="流程信息"
-          width="130"
-          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 ? '已完成' : '未完成'}}</span>
-          </template>
-        </el-table-column>
-      </el-table>
+      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
     </div>
     <ProcessFooter
       show-back
diff --git a/src/pages/processCenter/pages/phone/xmqdqr/step5.vue b/src/pages/processCenter/pages/phone/xmqdqr/step5.vue
index b2f7d9514..dbc525239 100644
--- a/src/pages/processCenter/pages/phone/xmqdqr/step5.vue
+++ b/src/pages/processCenter/pages/phone/xmqdqr/step5.vue
@@ -190,65 +190,7 @@
       </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
-          prop="name"
-          label="任务步骤"
-          align="center"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="assignee"
-          label="任务受理人"
-          align="center"
-          width="130"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="createTime"
-          label="创建时间"
-          width="130"
-          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="完成时间"
-          width="130"
-          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="流程信息"
-          width="130"
-          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 ? '已完成' : '未完成'}}</span>
-          </template>
-        </el-table-column>
-      </el-table>
+      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
     </div>
     <ProcessFooter
       show-transfer
diff --git a/src/pages/processCenter/pages/phone/zczqyj/step4.vue b/src/pages/processCenter/pages/phone/zczqyj/step4.vue
index 6946bf2f9..db2b69691 100644
--- a/src/pages/processCenter/pages/phone/zczqyj/step4.vue
+++ b/src/pages/processCenter/pages/phone/zczqyj/step4.vue
@@ -128,67 +128,7 @@
       </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
-          prop="name"
-          label="任务步骤"
-          min-width="130"
-          align="center"
-          sortable="custom"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="assignee"
-          label="任务受理人"
-          min-width="130"
-          align="center"
-          sortable="custom"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="createTime"
-          label="创建时间"
-          min-width="130"
-          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"
-          min-width="130"
-          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 ? '已完成' : '未完成' }}</span>
-          </template>
-        </el-table-column>
-      </el-table>
+      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
     </div>
       <ProcessFooter
               show-submit
diff --git a/src/pages/processCenter/pages/phone/zczqyj/step5.vue b/src/pages/processCenter/pages/phone/zczqyj/step5.vue
index e6e6a9929..7a722d706 100644
--- a/src/pages/processCenter/pages/phone/zczqyj/step5.vue
+++ b/src/pages/processCenter/pages/phone/zczqyj/step5.vue
@@ -202,67 +202,7 @@
       </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
-          prop="name"
-          label="任务步骤"
-          align="center"
-          min-width="130"
-          sortable="custom"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="assignee"
-          label="任务受理人"
-          min-width="130"
-          align="center"
-          sortable="custom"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="createTime"
-          label="创建时间"
-          min-width="130"
-          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="完成时间"
-          min-width="130"
-          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 ? "已完成" : "未完成" }}</span>
-          </template>
-        </el-table-column>
-      </el-table>
+      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
     </div>
     <ProcessFooter
       show-submit
diff --git a/src/pages/processCenter/pages/phone/zczqyj/step6.vue b/src/pages/processCenter/pages/phone/zczqyj/step6.vue
index fcc8a0dfd..341631f4c 100644
--- a/src/pages/processCenter/pages/phone/zczqyj/step6.vue
+++ b/src/pages/processCenter/pages/phone/zczqyj/step6.vue
@@ -136,67 +136,7 @@
       </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
-          prop="name"
-          label="任务步骤"
-          min-width="130"
-          align="center"
-          sortable="custom"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="assignee"
-          min-width="130"
-          label="任务受理人"
-          align="center"
-          sortable="custom"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="createTime"
-          label="创建时间"
-          min-width="130"
-          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"
-          min-width="130"
-          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 ? "已完成" : "未完成" }}</span>
-          </template>
-        </el-table-column>
-      </el-table>
+      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
     </div>
     <ProcessFooter
       show-submit
diff --git a/src/pages/processCenter/pages/phone/zczqyj/step7.vue b/src/pages/processCenter/pages/phone/zczqyj/step7.vue
index 309c8eb11..e8015057f 100644
--- a/src/pages/processCenter/pages/phone/zczqyj/step7.vue
+++ b/src/pages/processCenter/pages/phone/zczqyj/step7.vue
@@ -136,67 +136,7 @@
       </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
-          prop="name"
-          min-width="130"
-          label="任务步骤"
-          align="center"
-          sortable="custom"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="assignee"
-          label="任务受理人"
-          min-width="130"
-          align="center"
-          sortable="custom"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="createTime"
-          label="创建时间"
-          min-width="130"
-          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="完成时间"
-          min-width="130"
-          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 ? "已完成" : "未完成" }}</span>
-          </template>
-        </el-table-column>
-      </el-table>
+      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
     </div>
     <ProcessFooter
       show-submit
diff --git a/src/pages/processCenter/pages/phone/zczqyj/step8.vue b/src/pages/processCenter/pages/phone/zczqyj/step8.vue
index e59057477..ceac5715c 100644
--- a/src/pages/processCenter/pages/phone/zczqyj/step8.vue
+++ b/src/pages/processCenter/pages/phone/zczqyj/step8.vue
@@ -136,67 +136,7 @@
       </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
-          prop="name"
-          label="任务步骤"
-          min-width="130"
-          align="center"
-          sortable="custom"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="assignee"
-          min-width="130"
-          label="任务受理人"
-          align="center"
-          sortable="custom"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="createTime"
-          label="创建时间"
-          min-width="130"
-          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="完成时间"
-          min-width="130"
-          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 ? "已完成" : "未完成" }}</span>
-          </template>
-        </el-table-column>
-      </el-table>
+      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
     </div>
     <ProcessFooter
       show-submit
diff --git a/src/pages/processCenter/pages/phone/zczqyj/step9.vue b/src/pages/processCenter/pages/phone/zczqyj/step9.vue
index def784329..bc39b2bdd 100644
--- a/src/pages/processCenter/pages/phone/zczqyj/step9.vue
+++ b/src/pages/processCenter/pages/phone/zczqyj/step9.vue
@@ -136,67 +136,7 @@
       </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
-          prop="name"
-          label="任务步骤"
-          align="center"
-          min-width="130"
-          sortable="custom"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="assignee"
-          label="任务受理人"
-          align="center"
-          min-width="130"
-          sortable="custom"
-        >
-        </el-table-column>
-        <el-table-column
-          prop="createTime"
-          label="创建时间"
-          min-width="130"
-          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="完成时间"
-          min-width="130"
-          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 ? "已完成" : "未完成" }}</span>
-          </template>
-        </el-table-column>
-      </el-table>
+      <Phone-histort-table :prc-num="$route.query.prcNum"></Phone-histort-table>
     </div>
     <ProcessFooter
       show-submit