diff --git a/src/pages/processCenter/pages/creatProcess/qbrk/step1.vue b/src/pages/processCenter/pages/creatProcess/qbrk/step1.vue
index cb1830288..512a3286c 100644
--- a/src/pages/processCenter/pages/creatProcess/qbrk/step1.vue
+++ b/src/pages/processCenter/pages/creatProcess/qbrk/step1.vue
@@ -2239,22 +2239,7 @@
                         this.$message.warning('文件不存在,下载失败')
                     }
                 } else {
-                    this.getBusStandFileByAttId(attId)
-                        .then(res => {
-                            if(res){
-                                const editFileInfo = res
-                                if(editFileInfo.fileSuffix === 'pdg' || editFileInfo.fileSuffix === 'PDG'){
-                                    window.open('book://ssreader/e0?url='+editFileInfo.downLoadUrl)
-                                }else {
-                                    const nowTime = new Date().getTime()
-                                    window.open(onlyOfficeUrl+'/onlyOffice?oldFileName=' + editFileInfo.oldFileName + '&fileType=' + editFileInfo.fileSuffix + '&attId=' + editFileInfo.id + '&fileUrl=' + editFileInfo.downLoadUrl + '&key=' + editFileInfo.id + nowTime+'&filePath='+editFileInfo.filePath+'&fileName='+editFileInfo.fileName)
-
-                                }
-                            }
-                        }).catch(e => {
-                        console.log(e)
-                        this.$message.warning('文件不存在,预览失败')
-                    })
+                    this.$preview(attId)
                 }
             },
             // 导入标准数据成功后执行
diff --git a/src/pages/processCenter/pages/phone/bzhHd-ch/step2.vue b/src/pages/processCenter/pages/phone/bzhHd-ch/step2.vue
index c867911dc..12af4ac80 100644
--- a/src/pages/processCenter/pages/phone/bzhHd-ch/step2.vue
+++ b/src/pages/processCenter/pages/phone/bzhHd-ch/step2.vue
@@ -60,7 +60,7 @@
               <el-col :span="12">
                 <el-form-item class="add-form-item" label="上传附件:" prop="uploadFile">
                   <span v-if="uploadFileLength < 1">{{ '-' }}</span>
-                  <span v-for="item in ch_pageData.fileTextList" :key="item.id">
+                  <span v-for="item in ch_pageData.fileTextList" :key="item.id" @click="previews(item.id)">
                     {{ item.name }} {{ ';' }}
                    </span>
                 </el-form-item>
@@ -275,7 +275,7 @@ export default {
     previews(val) {
       let attId = val
       if (attId != null && attId !== "") {
-        window.location.href = "/api/att/attFile/downloadFileForSar?fileId=" + attId;
+        this.$preview(attId)
       }
     },
 
diff --git a/src/pages/processCenter/pages/phone/bzhHd-ch/step4.vue b/src/pages/processCenter/pages/phone/bzhHd-ch/step4.vue
index bba3520fc..415e0efe6 100644
--- a/src/pages/processCenter/pages/phone/bzhHd-ch/step4.vue
+++ b/src/pages/processCenter/pages/phone/bzhHd-ch/step4.vue
@@ -60,7 +60,7 @@
               <el-col :span="12">
                 <el-form-item class="add-form-item" label="上传附件:" prop="uploadFile">
                   <span v-if="uploadFileLength < 1">{{ '-' }}</span>
-                  <span v-for="item in ch_pageData.fileTextList" :key="item.id">
+                  <span v-for="item in ch_pageData.fileTextList" :key="item.id" @click="previews(item.id)">
                     {{ item.name }} {{ ';' }}
                    </span>
                 </el-form-item>
@@ -268,11 +268,11 @@ export default {
         }
       })
     },
-    /** 点击对应附件进行下载*/
+    /** 点击对应附件进行预览  */
     previews(val) {
       let attId = val
       if (attId != null && attId !== "") {
-        window.location.href = "/api/att/attFile/downloadFileForSar?fileId=" + attId;
+        this.$preview(attId)
       }
     },
   }
diff --git a/src/pages/processCenter/pages/phone/bzhHd-ch/step6.vue b/src/pages/processCenter/pages/phone/bzhHd-ch/step6.vue
index 71116be48..a1a23bdea 100644
--- a/src/pages/processCenter/pages/phone/bzhHd-ch/step6.vue
+++ b/src/pages/processCenter/pages/phone/bzhHd-ch/step6.vue
@@ -62,7 +62,7 @@
               <el-col :span="12">
                 <el-form-item class="add-form-item" label="上传附件:" prop="uploadFile">
                   <span v-if="uploadFileLength < 1">{{ '-' }}</span>
-                  <span v-for="item in ch_pageData.fileTextList" :key="item.id">
+                  <span v-for="item in ch_pageData.fileTextList" :key="item.id" @click="previews(item.id)">
                     {{ item.name }} {{ ';' }}
                    </span>
                 </el-form-item>
@@ -331,11 +331,11 @@ export default {
       })
 
     },
-    /** 点击对应附件进行下载*/
+    /** 点击对应附件进行预览*/
     previews(val) {
       let attId = val
       if (attId != null && attId !== "") {
-        window.location.href = "/api/att/attFile/downloadFileForSar?fileId=" + attId;
+        this.$preview(attId)
       }
     },
   }
diff --git a/src/pages/processCenter/pages/phone/bzhHd-hh/step2.vue b/src/pages/processCenter/pages/phone/bzhHd-hh/step2.vue
index 88988431e..5ecad82b8 100644
--- a/src/pages/processCenter/pages/phone/bzhHd-hh/step2.vue
+++ b/src/pages/processCenter/pages/phone/bzhHd-hh/step2.vue
@@ -248,14 +248,14 @@ export default {
     handleOnPreview(file) {
       let attId = file.id
       if (attId != null && attId !== "") {
-        window.location.href = "/api/att/attFile/downloadFileForSar?fileId=" + attId;
+        this.$preview(attId)
       }
     },
-    // 点击上传的文件进行下载
+    // 点击上传的文件进行预览
     onPreviewTheme(file) {
       let attId = file.id
       if (attId != null && attId !== "") {
-        window.location.href = "/api/att/attFile/downloadFileForSar?fileId=" + attId;
+        this.$preview(attId)
       }
     },
     // 点击上传的文件进行下载
diff --git a/src/pages/processCenter/pages/phone/bzhHd-rh/step2.vue b/src/pages/processCenter/pages/phone/bzhHd-rh/step2.vue
index b3d003239..4a7655ffa 100644
--- a/src/pages/processCenter/pages/phone/bzhHd-rh/step2.vue
+++ b/src/pages/processCenter/pages/phone/bzhHd-rh/step2.vue
@@ -67,7 +67,7 @@
               <el-col :span="24">
                 <el-form-item class="add-form-item" label="信息来源:" prop="infoSources">
                   <span v-if="infoSourcesLength === 0">{{ '-' }}</span>
-                  <span v-for="item in rh_pageData.infoSources" :key="item.id">
+                  <span v-for="item in rh_pageData.infoSources" :key="item.id" @click="previews(item.id)">
                     {{ item.name }} {{ ';' }}
                    </span>
                 </el-form-item>
@@ -230,11 +230,11 @@ export default {
       this.active = name
     },
 
-    /** 点击对应附件进行下载*/
+    /** 点击对应附件进行预览*/
     previews(val) {
       let attId = val
       if (attId != null && attId !== "") {
-        window.location.href = "/api/att/attFile/downloadFileForSar?fileId=" + attId;
+        this.$preview(attId)
       }
     },
     // 退回按钮
diff --git a/src/pages/processCenter/pages/phone/bzhHd-rh/step4.vue b/src/pages/processCenter/pages/phone/bzhHd-rh/step4.vue
index 53624b7e2..5d390b704 100644
--- a/src/pages/processCenter/pages/phone/bzhHd-rh/step4.vue
+++ b/src/pages/processCenter/pages/phone/bzhHd-rh/step4.vue
@@ -67,7 +67,7 @@
               <el-col :span="24">
                 <el-form-item class="add-form-item" label="信息来源:" prop="infoSources">
                   <span v-if="infoSourcesLength === 0">{{ '-' }}</span>
-                  <span v-for="item in rh_pageData.infoSources" :key="item.id">
+                  <span v-for="item in rh_pageData.infoSources" :key="item.id" @click="previews(item.id)">
                     {{ item.name }} {{ ';' }}
                    </span>
                 </el-form-item>
@@ -110,7 +110,7 @@
                 <el-table-column prop="fillFile" align="center" label="资料">
                   <template slot-scope="scope">
                     <span v-if="scope.row.fillFile.length === 0">{{ '-' }}</span>
-                    <span v-for="item in scope.row.fillFile" :key="item.id" >
+                    <span v-for="item in scope.row.fillFile" :key="item.id" @click="previews(item.id)">
                     {{ item.name }} {{ ';' }}
                    </span>
                   </template>
@@ -310,11 +310,11 @@ export default {
         }
       })
     },
-    /** 点击对应附件进行下载*/
+    /** 点击对应附件进行预览*/
     previews(val) {
       let attId = val
       if (attId != null && attId !== "") {
-        window.location.href = "/api/att/attFile/downloadFileForSar?fileId=" + attId;
+        this.$preview(attId)
       }
     },
   }
diff --git a/src/pages/processCenter/pages/phone/bzhHd-rh/step6.vue b/src/pages/processCenter/pages/phone/bzhHd-rh/step6.vue
index ecd507b37..ca303871f 100644
--- a/src/pages/processCenter/pages/phone/bzhHd-rh/step6.vue
+++ b/src/pages/processCenter/pages/phone/bzhHd-rh/step6.vue
@@ -69,7 +69,7 @@
               <el-col :span="24">
                 <el-form-item class="add-form-item" label="信息来源:" prop="infoSources">
                   <span v-if="infoSourcesLength < 1">{{ '-' }}</span>
-                  <span v-for="item in rh_pageData.infoSources" :key="item.id">
+                  <span v-for="item in rh_pageData.infoSources" :key="item.id" @click="previews(item.id)">
                     {{ item.name }} {{ ';' }}
                    </span>
                 </el-form-item>
@@ -250,11 +250,11 @@ export default {
         // this.rh_pageData.comityFileNum = this.fileTextList
       })
     },
-    /** 点击对应附件进行下载*/
+    /** 点击对应附件进行预览*/
     previews(val) {
       let attId = val
       if (attId != null && attId !== "") {
-        window.location.href = "/api/att/attFile/downloadFileForSar?fileId=" + attId;
+        this.$preview(attId)
       }
     },
     selectedDelete(val) {
diff --git a/src/pages/processCenter/pages/phone/bzqdfb/step4.vue b/src/pages/processCenter/pages/phone/bzqdfb/step4.vue
index 43304b587..a29b3fab2 100644
--- a/src/pages/processCenter/pages/phone/bzqdfb/step4.vue
+++ b/src/pages/processCenter/pages/phone/bzqdfb/step4.vue
@@ -145,65 +145,7 @@
       </div>
     </div>
     <div class="content" v-show="active === '3'">
-      <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
@@ -358,19 +300,6 @@ export default {
         })
       this.modalshowflag = false
     },
-    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 => {
-      });
-    },
     //tab发生变化
     handleTabs(name) {
       this.active = name;
@@ -562,7 +491,6 @@ export default {
       this.setMap(this.standStateOptions);
     });
     this.getData();
-    this.processTable();
   }
 };
 </script>
diff --git a/src/pages/processCenter/pages/phone/cywbbzzxd/step4.vue b/src/pages/processCenter/pages/phone/cywbbzzxd/step4.vue
index e2671b0ff..7cb95b24a 100644
--- a/src/pages/processCenter/pages/phone/cywbbzzxd/step4.vue
+++ b/src/pages/processCenter/pages/phone/cywbbzzxd/step4.vue
@@ -165,65 +165,7 @@
       </el-collapse>
     </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
@@ -333,7 +275,6 @@ export default {
   },
   mounted() {
     this.getData();
-    this.processTable();
   },
   methods: {
     getData() {
@@ -361,19 +302,6 @@ export default {
       });
     },
     //审批历史信息
-    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 => {
-      });
-    },
     handleTabs(type) {
       this.active = type;
     },
diff --git a/src/pages/processCenter/pages/phone/cywbbzzxd/step5.vue b/src/pages/processCenter/pages/phone/cywbbzzxd/step5.vue
index 9e0a65c1b..95c9a13f0 100644
--- a/src/pages/processCenter/pages/phone/cywbbzzxd/step5.vue
+++ b/src/pages/processCenter/pages/phone/cywbbzzxd/step5.vue
@@ -165,65 +165,7 @@
       </el-collapse>
     </div>
     <div class="content" v-show="active === '3'">
-      <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
@@ -333,7 +275,6 @@ export default {
   },
   mounted() {
     this.getData();
-    this.processTable();
   },
   methods: {
     getData() {
@@ -361,19 +302,6 @@ export default {
       });
     },
     //审批历史信息
-    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 => {
-      });
-    },
     handleTabs(type) {
       this.active = type;
     },
diff --git a/src/pages/processCenter/pages/phone/cywbbzzxd/step6.vue b/src/pages/processCenter/pages/phone/cywbbzzxd/step6.vue
index 009955d7f..2ebb559cc 100644
--- a/src/pages/processCenter/pages/phone/cywbbzzxd/step6.vue
+++ b/src/pages/processCenter/pages/phone/cywbbzzxd/step6.vue
@@ -165,65 +165,7 @@
       </el-collapse>
     </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
@@ -333,7 +275,6 @@ export default {
   },
   mounted() {
     this.getData();
-    this.processTable();
   },
   methods: {
     getData() {
@@ -361,19 +302,6 @@ export default {
       });
     },
     //审批历史信息
-    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 => {
-      });
-    },
     handleTabs(type) {
       this.active = type;
     },
diff --git a/src/pages/processCenter/pages/phone/jrbzhxh/step3.vue b/src/pages/processCenter/pages/phone/jrbzhxh/step3.vue
index b0195886e..5b6ce5734 100644
--- a/src/pages/processCenter/pages/phone/jrbzhxh/step3.vue
+++ b/src/pages/processCenter/pages/phone/jrbzhxh/step3.vue
@@ -212,65 +212,7 @@
       </el-collapse>
     </div>
     <div class="content" v-show="active === '3'">
-      <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
@@ -412,19 +354,6 @@ export default {
         }
       })
     },
-    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 => {
-      });
-    },
 
     choiceZRRS(row, index) {
       this.selectedId = index;
@@ -637,7 +566,6 @@ export default {
   },
   mounted() {
     this.getData()
-    this.processTable()
   },
   computed: {
     listNoDataText() {
diff --git a/src/pages/processCenter/pages/phone/jrbzhxh/step4.vue b/src/pages/processCenter/pages/phone/jrbzhxh/step4.vue
index 3d9b553ff..c781cb384 100644
--- a/src/pages/processCenter/pages/phone/jrbzhxh/step4.vue
+++ b/src/pages/processCenter/pages/phone/jrbzhxh/step4.vue
@@ -212,65 +212,7 @@
       </el-collapse>
     </div>
     <div class="content" v-show="active === '3'">
-      <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
@@ -413,19 +355,6 @@ export default {
         }
       })
     },
-    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 => {
-      });
-    },
 
     choiceZRRS(row, index) {
       this.selectedId = index;
@@ -619,7 +548,6 @@ export default {
   },
   mounted() {
     this.getData()
-    this.processTable()
   },
   computed: {
     listNoDataText() {
diff --git a/src/pages/processCenter/pages/phone/qbfs/step4.vue b/src/pages/processCenter/pages/phone/qbfs/step4.vue
index 4599950b4..f8c4c2e3e 100644
--- a/src/pages/processCenter/pages/phone/qbfs/step4.vue
+++ b/src/pages/processCenter/pages/phone/qbfs/step4.vue
@@ -179,65 +179,7 @@
       </el-collapse>
     </div>
     <div class="content" v-show="active === '3'">
-      <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
@@ -323,23 +265,9 @@ export default {
     };
   },
   mounted() {
-    this.processTable();
     this.getData();
   },
   methods: {
-    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 => {
-      });
-    },
     getData() {
       return new Promise((resolve, reject) => {
         inboundLiaisonDetail({
diff --git a/src/pages/processCenter/pages/phone/wfhxzg/step5.vue b/src/pages/processCenter/pages/phone/wfhxzg/step5.vue
index 325bcfe71..3274c138c 100644
--- a/src/pages/processCenter/pages/phone/wfhxzg/step5.vue
+++ b/src/pages/processCenter/pages/phone/wfhxzg/step5.vue
@@ -208,7 +208,7 @@ export default {
     handleOnPreview(file) {
       let attId = file.id
       if (attId != null && attId !== "") {
-        window.location.href = "/api/att/attFile/downloadFileForSar?fileId=" + attId;
+        this.$preview(attId)
       }
     },
     // 提交按钮