From a4c9487cc38a93d14c769560d2990d6169c0d058 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8C=83=E5=BC=BA=E5=BC=BA?= <787203167>
Date: Thu, 1 Jun 2023 17:42:31 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=89=8B=E6=9C=BA=E7=AB=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jero-web/src/config/router.config.js          |  24 ++++
 jero-web/src/views/phoneView/handlingPage.vue | 118 ++++++++++++++++++
 jero-web/src/views/phoneView/home.vue         |  21 +++-
 jero-web/src/views/phoneView/myCollection.vue | 118 ++++++++++++++++++
 jero-web/src/views/phoneView/mySubscribe.vue  | 118 ++++++++++++++++++
 .../src/views/phoneView/recentBrowsing.vue    | 118 ++++++++++++++++++
 jero-web/src/views/phoneView/toDoCenter.vue   |   9 +-
 7 files changed, 521 insertions(+), 5 deletions(-)
 create mode 100644 jero-web/src/views/phoneView/handlingPage.vue
 create mode 100644 jero-web/src/views/phoneView/myCollection.vue
 create mode 100644 jero-web/src/views/phoneView/mySubscribe.vue
 create mode 100644 jero-web/src/views/phoneView/recentBrowsing.vue

diff --git a/jero-web/src/config/router.config.js b/jero-web/src/config/router.config.js
index 203703e4f..ab85c388c 100644
--- a/jero-web/src/config/router.config.js
+++ b/jero-web/src/config/router.config.js
@@ -528,6 +528,30 @@ export const constantRouterMap = [
     name: 'phoneProblemKnowledgeBase',
     component: () => import('@/views/phoneView/problemKnowledgeBase')
   },
+  //办理页面
+  {
+    path: '/phoneHandlingPage',
+    name: 'phoneHandlingPage',
+    component: () => import('@/views/phoneView/handlingPage')
+  },
+  //我的收藏
+  {
+    path: '/phoneMyCollection',
+    name: 'phoneMyCollection',
+    component: () => import('@/views/phoneView/myCollection')
+  },
+  //最近预览
+  {
+    path: '/phoneRecentBrowsing',
+    name: 'phoneRecentBrowsing',
+    component: () => import('@/views/phoneView/recentBrowsing')
+  },
+  //我的订阅
+  {
+    path: '/phoneMySubscribe',
+    name: 'phoneMySubscribe',
+    component: () => import('@/views/phoneView/mySubscribe')
+  },
   /*  手机端结束  */
   // {
   //   path:'/vehicleinformation',
diff --git a/jero-web/src/views/phoneView/handlingPage.vue b/jero-web/src/views/phoneView/handlingPage.vue
new file mode 100644
index 000000000..ab1afd9ce
--- /dev/null
+++ b/jero-web/src/views/phoneView/handlingPage.vue
@@ -0,0 +1,118 @@
+<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-Ho mo流程
+        </span>
+    </div>
+
+    <div class="content">
+      <div class="content-text" v-for="item in 8">
+        <div class="content-text-left">
+          <div class="content-text-top">
+            <span class="content-text-top-left">
+              测试类别
+            </span>
+            <span class="content-text-top-right">
+               测试检验项目
+            </span>
+          </div>
+          <div class="content-text-button">
+            <span>ISO 898-1-2013</span>
+          </div>
+        </div>
+        <div class="content-text-right">
+          <van-icon name="arrow"/>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'phoneHandlingPage',
+    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;
+  }
+
+  .content {
+    margin-top: 0.36rem;
+  }
+
+  .content-text {
+    padding: 0.3rem 0;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    border-bottom: 0.02rem solid #E6E7EC;
+  }
+
+  .content-text-left {
+    width: calc(100% - 1rem);
+  }
+
+  .content-text-right {
+    width: 1rem;
+    text-align: right;
+  }
+
+  .content-text-top {
+    font-size: 0.42rem;
+    font-family: PingFang SC-Regular, PingFang SC;
+    font-weight: 500;
+    color: #040B29;
+  }
+
+  .content-text-button {
+    font-size: 0.42rem;
+    font-family: PingFang SC-Regular, PingFang SC;
+    font-weight: 400;
+    color: #595E72;
+    margin-top: 0.13rem;
+  }
+
+  .content-text-right .van-icon {
+    font-size: 0.5rem;
+    color: #040B29;
+  }
+
+  .content-text-top-right {
+    margin-left: 0.3rem;
+  }
+</style>
\ No newline at end of file
diff --git a/jero-web/src/views/phoneView/home.vue b/jero-web/src/views/phoneView/home.vue
index b7dd10795..87f1f5920 100644
--- a/jero-web/src/views/phoneView/home.vue
+++ b/jero-web/src/views/phoneView/home.vue
@@ -12,21 +12,21 @@
       XXXXXXXXXXXX@nio.cn
     </div>
 
-    <div class="content-box-top">
+    <div class="content-box-top" @click="recentBrowsingClick">
       <img src="~@/assets/icon_eye.png" class="content-box-img" alt="">
       <span class="content-box-text">
           最近浏览
       </span>
       <van-icon class="icon" name="arrow"/>
     </div>
-    <div class="content-box">
+    <div class="content-box" @click="collectionClick">
       <img src="~@/assets/icon_star.png" class="content-box-img" alt="">
       <span class="content-box-text">
           我的收藏
       </span>
       <van-icon class="icon" name="arrow"/>
     </div>
-    <div class="content-box">
+    <div class="content-box" @click="subscribeClick">
       <img src="~@/assets/icon_link.png" class="content-box-img" alt="">
       <span class="content-box-text">
           我的订阅
@@ -81,6 +81,21 @@
             path: '/phoneSearch'
           })
         }
+      },
+      subscribeClick() {
+        this.$router.push({
+          path: '/phoneMySubscribe'
+        })
+      },
+      collectionClick() {
+        this.$router.push({
+          path: '/phoneMyCollection'
+        })
+      },
+      recentBrowsingClick() {
+        this.$router.push({
+          path: '/phoneRecentBrowsing'
+        })
       }
     }
   }
diff --git a/jero-web/src/views/phoneView/myCollection.vue b/jero-web/src/views/phoneView/myCollection.vue
new file mode 100644
index 000000000..b757d1cac
--- /dev/null
+++ b/jero-web/src/views/phoneView/myCollection.vue
@@ -0,0 +1,118 @@
+<template>
+  <div class="box">
+    <div class="header-search">
+      <van-icon @click="iconClick" class="icon" name="arrow-left"/>
+      <span class="header-search-text">
+           我的收藏
+      </span>
+    </div>
+
+    <div class="content">
+      <div class="content-text" v-for="item in 8">
+        <div class="content-text-left">
+          <div class="content-text-top">
+            <span class="content-text-top-left">
+              测试类别
+            </span>
+            <span class="content-text-top-right">
+               测试检验项目
+            </span>
+          </div>
+          <div class="content-text-button">
+            <span>ISO 898-1-2013</span>
+          </div>
+        </div>
+        <div class="content-text-right">
+          <van-icon name="arrow"/>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'phoneMyCollection',
+    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;
+  }
+
+  .content {
+    margin-top: 0.36rem;
+  }
+
+  .content-text {
+    padding: 0.3rem 0;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    border-bottom: 0.02rem solid #E6E7EC;
+  }
+
+  .content-text-left {
+    width: calc(100% - 1rem);
+  }
+
+  .content-text-right {
+    width: 1rem;
+    text-align: right;
+  }
+
+  .content-text-top {
+    font-size: 0.42rem;
+    font-family: PingFang SC-Regular, PingFang SC;
+    font-weight: 500;
+    color: #040B29;
+  }
+
+  .content-text-button {
+    font-size: 0.42rem;
+    font-family: PingFang SC-Regular, PingFang SC;
+    font-weight: 400;
+    color: #595E72;
+    margin-top: 0.13rem;
+  }
+
+  .content-text-right .van-icon {
+    font-size: 0.5rem;
+    color: #040B29;
+  }
+
+  .content-text-top-right {
+    margin-left: 0.3rem;
+  }
+</style>
\ No newline at end of file
diff --git a/jero-web/src/views/phoneView/mySubscribe.vue b/jero-web/src/views/phoneView/mySubscribe.vue
new file mode 100644
index 000000000..d03f6b3c1
--- /dev/null
+++ b/jero-web/src/views/phoneView/mySubscribe.vue
@@ -0,0 +1,118 @@
+<template>
+  <div class="box">
+    <div class="header-search">
+      <van-icon @click="iconClick" class="icon" name="arrow-left"/>
+      <span class="header-search-text">
+           我的订阅
+        </span>
+    </div>
+
+    <div class="content">
+      <div class="content-text" v-for="item in 8">
+        <div class="content-text-left">
+          <div class="content-text-top">
+            <span class="content-text-top-left">
+              测试类别
+            </span>
+            <span class="content-text-top-right">
+               测试检验项目
+            </span>
+          </div>
+          <div class="content-text-button">
+            <span>ISO 898-1-2013</span>
+          </div>
+        </div>
+        <div class="content-text-right">
+          <van-icon name="arrow"/>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'phoneMySubscribe',
+    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;
+  }
+
+  .content {
+    margin-top: 0.36rem;
+  }
+
+  .content-text {
+    padding: 0.3rem 0;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    border-bottom: 0.02rem solid #E6E7EC;
+  }
+
+  .content-text-left {
+    width: calc(100% - 1rem);
+  }
+
+  .content-text-right {
+    width: 1rem;
+    text-align: right;
+  }
+
+  .content-text-top {
+    font-size: 0.42rem;
+    font-family: PingFang SC-Regular, PingFang SC;
+    font-weight: 500;
+    color: #040B29;
+  }
+
+  .content-text-button {
+    font-size: 0.42rem;
+    font-family: PingFang SC-Regular, PingFang SC;
+    font-weight: 400;
+    color: #595E72;
+    margin-top: 0.13rem;
+  }
+
+  .content-text-right .van-icon {
+    font-size: 0.5rem;
+    color: #040B29;
+  }
+
+  .content-text-top-right {
+    margin-left: 0.3rem;
+  }
+</style>
\ No newline at end of file
diff --git a/jero-web/src/views/phoneView/recentBrowsing.vue b/jero-web/src/views/phoneView/recentBrowsing.vue
new file mode 100644
index 000000000..8ec9b42b7
--- /dev/null
+++ b/jero-web/src/views/phoneView/recentBrowsing.vue
@@ -0,0 +1,118 @@
+<template>
+  <div class="box">
+    <div class="header-search">
+      <van-icon @click="iconClick" class="icon" name="arrow-left"/>
+      <span class="header-search-text">
+           最近预览
+      </span>
+    </div>
+
+    <div class="content">
+      <div class="content-text" v-for="item in 8">
+        <div class="content-text-left">
+          <div class="content-text-top">
+            <span class="content-text-top-left">
+              测试类别
+            </span>
+            <span class="content-text-top-right">
+               测试检验项目
+            </span>
+          </div>
+          <div class="content-text-button">
+            <span>ISO 898-1-2013</span>
+          </div>
+        </div>
+        <div class="content-text-right">
+          <van-icon name="arrow"/>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'phoneRecentBrowsing',
+    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;
+  }
+
+  .content {
+    margin-top: 0.36rem;
+  }
+
+  .content-text {
+    padding: 0.3rem 0;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    border-bottom: 0.02rem solid #E6E7EC;
+  }
+
+  .content-text-left {
+    width: calc(100% - 1rem);
+  }
+
+  .content-text-right {
+    width: 1rem;
+    text-align: right;
+  }
+
+  .content-text-top {
+    font-size: 0.42rem;
+    font-family: PingFang SC-Regular, PingFang SC;
+    font-weight: 500;
+    color: #040B29;
+  }
+
+  .content-text-button {
+    font-size: 0.42rem;
+    font-family: PingFang SC-Regular, PingFang SC;
+    font-weight: 400;
+    color: #595E72;
+    margin-top: 0.13rem;
+  }
+
+  .content-text-right .van-icon {
+    font-size: 0.5rem;
+    color: #040B29;
+  }
+
+  .content-text-top-right {
+    margin-left: 0.3rem;
+  }
+</style>
\ No newline at end of file
diff --git a/jero-web/src/views/phoneView/toDoCenter.vue b/jero-web/src/views/phoneView/toDoCenter.vue
index 4eafad235..b863eb2ee 100644
--- a/jero-web/src/views/phoneView/toDoCenter.vue
+++ b/jero-web/src/views/phoneView/toDoCenter.vue
@@ -21,7 +21,7 @@
     </div>
 
     <div class="content-box">
-      <div class="content-box-content" v-for="item in 8">
+      <div class="content-box-content" @click="toDoCenterClick" v-for="item in 8">
         <div class="content-box-title">
           ISO 16750-4-2003
         </div>
@@ -76,7 +76,12 @@
             path: '/phoneHome'
           })
         }
-      }
+      },
+      toDoCenterClick(){
+        this.$router.push({
+          path: '/phoneHandlingPage'
+        })
+      },
     }
   }
 </script>