diff --git a/jero-web/src/views/phoneView/preHomoMangement.vue b/jero-web/src/views/phoneView/preHomoMangement.vue
index 965477423..243cb40de 100644
--- a/jero-web/src/views/phoneView/preHomoMangement.vue
+++ b/jero-web/src/views/phoneView/preHomoMangement.vue
@@ -92,8 +92,45 @@
         <!--          {{queryProject[queryData.remarks] || '&#45;&#45;'}}-->
         <!--        </div>-->
       </van-collapse-item>
+      <van-collapse-item :title="$t('Processhistory')" name="3">
+        <van-steps inactive-icon="passed"
+                   active-icon="passed"
+                   active-color="#00BEBE"
+                   direction="vertical" :active="dataSource.length">
+          <van-step v-for="(item,index) in dataSource" :key="index">
+            <div class="vanStepBox">
+              <div class="van-text">
+                {{item.name}}
+              </div>
+              <div class="van-text-status">
+                <span class="van-text-color" :class="statusClass[item.operatorResult]"
+                      v-if="statusName[item.operatorResult]">
+                 {{statusName[item.operatorResult]}}
+                </span>
+              </div>
+              <div class="van-time">
+                 <span class="van-name">
+                   {{item.assignee}}
+                 </span>
+                |
+                <span class="van-name-time">
+                    {{item.createTime}}
+                 </span>
+              </div>
+              <div class="van-desgin">
+                {{item.approvalOpinion}}
+              </div>
+              <div class="van-file" @click="approvalFileClick(item,index1)"
+                   v-if="item.approvalFileName && item.approvalFileName.length > 0"
+                   v-for="(val,index1) in item.approvalFileName" :key="index1">
+                {{val}}
+              </div>
+            </div>
+          </van-step>
+        </van-steps>
+      </van-collapse-item>
       <van-collapse-item v-if="queryForm.deliveryResult"
-                         :title="$t('DeliverablesResult')" name="3">
+                         :title="$t('DeliverablesResult')" name="4">
         <!--        v-for="item in deliverablesResultFile"-->
         <!--        {{item.fileName}}-->
         <div class="content-box-type-text-one"
@@ -111,7 +148,7 @@
           {{queryForm.deliveryResult}}
         </div>
       </van-collapse-item>
-      <van-collapse-item :title="$route.query.TaskKeyName" v-if="!isDisplay" name="4">
+      <van-collapse-item :title="$route.query.TaskKeyName" v-if="!isDisplay" name="5">
         <van-form @submit="onSubmit" ref="form">
           <div class="resultofhandlingClass"
                v-if="$route.query.taskDefinitionKey == 'Task Review' ||
@@ -285,9 +322,31 @@
     name: 'phonePreHomoMangement',
     data() {
       return {
-        activeNames: ['1', '2', '3', '4'],
+        activeNames: ['1', '2', '3', '4', '5'],
         fileList: [],
         show: false,
+        statusClass: {
+          'Accepted': 'AcceptedClass',
+          'Rejected': 'RejectedClass',
+          'Transfer': 'TransferClass',
+          'Returned': 'ReturnedClass',
+          'Adopt': 'AdoptClass',
+          'Compliance': 'ComplianceClass',
+          'Non-Compliance': 'NonComplianceClass',
+          'To be tracked': 'trackedClass',
+          'NA': 'NAClass'
+        },
+        statusName: {
+          'Accepted': this.$t('accept'),
+          'Rejected': this.$t('refuse'),
+          'Transfer': this.$t('turnToDo'),
+          'Returned': this.$t('sendBack'),
+          'Adopt': this.$t('adopt'),
+          'Compliance': this.$t('compliance'),
+          'Non-Compliance': this.$t('nonCompliance'),
+          'To be tracked': this.$t('toBeTracked'),
+          'NA': this.$t('NA')
+        },
         textLoading: this.$t('loading'),
         queryForm: {},
         queryData: {},
@@ -299,6 +358,7 @@
         deliveryResultList: [],
         isDisplay: false,
         certificationEngineerName: [],
+        dataSource: [],
         url: {
           queryProjectCertificationInventoryById: '/phone/toDoCenter/queryProjectCertificationInventoryById',
           saveBatch: '/project/projectCertificationInventoryEO/saveBatch'
@@ -309,8 +369,45 @@
       document.title = 'NIO GRP'
       this.isDisplay = JSON.parse(this.$route.query.isDisplay)
       this.getData()
+
     },
     methods: {
+      approvalFileClick(item, index) {
+        if (!this.isBrowser()) {
+          Dialog.alert({
+            message: '未授权用户 <br> Unauthorized User',
+            theme: 'round-button'
+          }).then(() => {
+            // on close
+          })
+          return
+        }
+        let url = kkFileView(item.approvalFileName[index], item.approvalFile[index])
+        if (url) {
+          this.$router.push({
+            path: '/phoneProblemKnowledgeBaseFile',
+            query: {
+              fileName: item.approvalFileName[index],
+              fileId: item.approvalFile[index]
+            }
+          })
+        }
+      },
+      getHistoryList() {
+        getAction('/wkflow/processHistoryEO/queryCertificationProcessHistoryList', { id: this.queryForm.id }).then((res) => {
+          if (res.success) {
+            this.dataSource = res.result || []
+            this.dataSource.forEach(val => {
+              if (val.approvalFileName) {
+                val.approvalFileName = val.approvalFileName.split(',')
+                val.approvalFile = val.approvalFile.split(',')
+              }
+            })
+          } else {
+            this.dataSource = []
+          }
+        })
+      },
       iconClick() {
         this.$router.go(-1)
       },
@@ -469,6 +566,7 @@
             }
             this.queryForm = { ...this.queryForm }
             this.getForm()
+            this.getHistoryList()
           } else {
             this.queryForm = {}
           }