diff --git a/jero-web/src/config/router.config.js b/jero-web/src/config/router.config.js
index ab85c388c..a1b5db65a 100644
--- a/jero-web/src/config/router.config.js
+++ b/jero-web/src/config/router.config.js
@@ -552,6 +552,12 @@ export const constantRouterMap = [
     name: 'phoneMySubscribe',
     component: () => import('@/views/phoneView/mySubscribe')
   },
+  //perhome办理流程
+  {
+    path: '/phonePreHomoMangement',
+    name: 'phonePreHomoMangement',
+    component: () => import('@/views/phoneView/preHomoMangement')
+  },
   /*  手机端结束  */
   // {
   //   path:'/vehicleinformation',
diff --git a/jero-web/src/views/phoneView/documentDetails.vue b/jero-web/src/views/phoneView/documentDetails.vue
index 8248298d9..e30aac0fc 100644
--- a/jero-web/src/views/phoneView/documentDetails.vue
+++ b/jero-web/src/views/phoneView/documentDetails.vue
@@ -7,11 +7,11 @@
         </span>
     </div>
     <div class="header-right">
-      <div class="header-right-text">
+      <div class="header-right-text" @click="subscribeClick">
         <img src="~@/assets/icon_link.png" alt="">
         <span>{{$t('subscribe')}}</span>
       </div>
-      <div class="header-right-text">
+      <div class="header-right-text" @click="collectionClick">
         <img src="~@/assets/icon_star.png" alt="">
         <span>{{$t('Collection')}}</span>
       </div>
@@ -100,6 +100,8 @@
 <script>
   import { getAction, postAction, downFile } from '@/api/manage'
   import { kkFileView } from '@/utils/kkfileView'
+  import eventBUs from '../../common/event'
+  import { Toast } from 'vant'
 
   export default {
     name: 'phoneDocumentDetails',
@@ -120,8 +122,9 @@
         finished: false,
         pageNo: 0,
         dataGrad: [],
-        textLoading: this.$t('loading')
-
+        textLoading: this.$t('loading'),
+        collectFlag: 0,
+        subscribeFlag: 0
       }
     },
     mounted() {
@@ -166,6 +169,36 @@
           }
         })
       },
+      collectionClick() {
+        let url = ''
+        if (this.collectFlag == 0 || !this.collectFlag) {
+          url = 'document/bussDocumentLibraryEO/addCollect'
+        } else {
+          url = 'document/bussDocumentLibraryEO/cancelCollect'
+        }
+        getAction(url, { id: this.$route.query.id }).then((res) => {
+          if (res.success) {
+            Toast(this.$t('OperationSuccessful'))
+          } else {
+            Toast(this.$t('operationFailed'))
+          }
+        })
+      },
+      subscribeClick() {
+        let url = ''
+        if (this.subscribeFlag == 0 || !this.subscribeFlag) {
+          url = 'document/bussDocumentLibraryEO/addSubscribe'
+        } else {
+          url = 'document/bussDocumentLibraryEO/cancelSubscribe'
+        }
+        getAction(url, { id: this.$route.query.id }).then((res) => {
+          if (res.success) {
+            Toast(this.$t('OperationSuccessful'))
+          } else {
+            Toast(this.$t('operationFailed'))
+          }
+        })
+      },
       getPage() {
         let query = {
           pageNo: this.pageNo,
diff --git a/jero-web/src/views/phoneView/handlingPage.vue b/jero-web/src/views/phoneView/handlingPage.vue
index bd2c03b16..3240c5a27 100644
--- a/jero-web/src/views/phoneView/handlingPage.vue
+++ b/jero-web/src/views/phoneView/handlingPage.vue
@@ -3,12 +3,12 @@
     <div class="header-search">
       <van-icon @click="iconClick" class="icon" name="arrow-left"/>
       <span class="header-search-text">
-           EDS1.2 EVO-G1.1-中国-03 Pre-Ho mo流程
+           EDS1.2 EVO-G1.1-中国-03 Pre-Homo流程
         </span>
     </div>
 
     <div class="content">
-      <div class="content-text" v-for="item in 8">
+      <div class="content-text" @click="handlingClick" v-for="item in 8">
         <div class="content-text-left">
           <div class="content-text-top">
             <span class="content-text-top-left">
@@ -42,6 +42,11 @@
     methods: {
       iconClick() {
         this.$router.go(-1)
+      },
+      handlingClick() {
+        this.$router.push({
+          path: '/phonePreHomoMangement'
+        })
       }
     }
   }
diff --git a/jero-web/src/views/phoneView/preHomoMangement.vue b/jero-web/src/views/phoneView/preHomoMangement.vue
new file mode 100644
index 000000000..189e28a9f
--- /dev/null
+++ b/jero-web/src/views/phoneView/preHomoMangement.vue
@@ -0,0 +1,66 @@
+<template>
+  <div class="box">
+    <div class="header-search">
+      <van-icon @click="iconClick" class="icon" name="arrow-left"/>
+      <span class="header-search-text">
+           EDS1.2 EVO-G1.1-中国-03 Pre-Homo流程
+        </span>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'phonePreHomoMangement',
+    data() {
+      return {}
+    },
+    mounted() {
+      document.title = 'NIO GRP'
+    },
+    methods: {
+      iconClick() {
+        this.$router.go(-1)
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  .box {
+    padding: 0 0.4rem 0.4rem 0.4rem;
+    position: relative;
+  }
+
+  .header-search {
+    width: 100%;
+    display: flex;
+    position: sticky;
+    top: 0;
+    padding-top: 0.4rem;
+    background: #fff;
+    z-index: 1000;
+  }
+
+  .icon {
+    font-size: 0.66rem;
+    width: 0.7rem;
+  }
+
+  .header-search-text {
+    font-size: 0.44rem;
+    font-family: PingFang SC-Medium, PingFang SC;
+    font-weight: 600;
+    color: #040B29;
+    margin-left: 0.2rem;
+    word-break: break-all;
+    overflow: hidden;
+    display: -webkit-box;
+    text-overflow: ellipsis;
+    /*! autoprefixer: off */
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    /*! autoprefixer: on;*/
+    text-justify: inter-ideograph;
+  }
+</style>
\ No newline at end of file
diff --git a/jero-web/src/views/phoneView/problemKnowledgeBase.vue b/jero-web/src/views/phoneView/problemKnowledgeBase.vue
index 714ca659d..fe61bb78e 100644
--- a/jero-web/src/views/phoneView/problemKnowledgeBase.vue
+++ b/jero-web/src/views/phoneView/problemKnowledgeBase.vue
@@ -161,6 +161,7 @@
       window.addEventListener('mousedown', this.handleonmousedown)
       this.getQueryBy()
       this.releaseData()
+      this.viewAdd()
     },
     watch: {
       sendValue: function(res) {
@@ -193,6 +194,14 @@
       iconClick() {
         this.$router.go(-1)
       },
+      viewAdd() {
+        let query = {
+          problemKnowledgeBaseId: this.$route.query.id,
+          browsingUserId: this.userInfo().id
+        }
+        postAction('/problemKnowledgeBase/problemKnowledgeBaseBrowsingHistoryEO/add', query).then((res) => {
+        })
+      },
       getQueryBy() {
         let query = {
           id: this.$route.query.id
diff --git a/jero-web/src/views/phoneView/processManagement.vue b/jero-web/src/views/phoneView/processManagement.vue
index aeed6d421..2719435ec 100644
--- a/jero-web/src/views/phoneView/processManagement.vue
+++ b/jero-web/src/views/phoneView/processManagement.vue
@@ -369,7 +369,6 @@
               let fileSuffix = fileName.substring(index1, index2)
               val.fileSuffix = fileSuffix
             })
-            console.log(this.dataSourceFile)
           } else {
             this.dataSourceFile = []
           }
diff --git a/jero-web/src/views/phoneView/toDoCenter.vue b/jero-web/src/views/phoneView/toDoCenter.vue
index c8cd27d8f..49c73930d 100644
--- a/jero-web/src/views/phoneView/toDoCenter.vue
+++ b/jero-web/src/views/phoneView/toDoCenter.vue
@@ -241,7 +241,7 @@
 
       },
       onClear(){
-         
+
       },
       onChange(value) {
         if (value == 'search') {
@@ -376,7 +376,10 @@
             query: query
           })
         } else if (row.flowType == '21') {
-
+          this.$router.push({
+            path: '/phoneHandlingPage',
+            query: query
+          })
         } else {
           Toast(this.$t('pleaseProcessThePC'))
         }