update

src/router/employee/employee-router.ts

@@ -55,7 +55,7 @@ export default [
         name: 'Archives',
         name: 'Archives',
         meta: {
         meta: {
             title: '档案查看',
             title: '档案查看',
-            requiresAuth: true
+            requiresAuth: false
         },
         },
         component: () => import("@/views/Archives.vue")
         component: () => import("@/views/Archives.vue")
     },
     },

src/views/Index.vue

@@ -34,7 +34,8 @@
       <div class="close-box">
       <div class="close-box">
         <img src="../assets/images/ic_unfold@2x.png" />
         <img src="../assets/images/ic_unfold@2x.png" />
       </div>
       </div>
-      <a class="entrance" @click="toArchives_click" href="javascript:void(0)">
+
+      <router-link class="entrance" :to="`/archives?ed_id=${ed_id}`">
         <img src="../assets/images/archives_icon.png" alt="我的档案" title="我的档案" />
         <img src="../assets/images/archives_icon.png" alt="我的档案" title="我的档案" />
         <div>
         <div>
           <h4>我的档案</h4>
           <h4>我的档案</h4>
@@ -42,23 +43,25 @@
           <p>你的信息不完整，请先补充信息</p>
           <p>你的信息不完整，请先补充信息</p>
         </div>
         </div>
         <img class="arrow" src="../assets/images/right_arrow.png" alt="arrow" title="arrow" />
         <img class="arrow" src="../assets/images/right_arrow.png" alt="arrow" title="arrow" />
-      </a>
-      <a class="entrance entrance-border" @click="toInformation_click" href="javascript:void(0)">
+      </router-link>
+
+      <router-link class="entrance entrance-border" :to="`/Information?ed_id=${ed_id}`">
         <img src="../assets/images/information_icon.png" alt="我的资料" title="我的资料" />
         <img src="../assets/images/information_icon.png" alt="我的资料" title="我的资料" />
         <div>
         <div>
           <h4>我提交的资料</h4>
           <h4>我提交的资料</h4>
           <p>你可查询上传的附件信息</p>
           <p>你可查询上传的附件信息</p>
         </div>
         </div>
         <img class="arrow" src="../assets/images/right_arrow.png" alt="arrow" title="arrow" />
         <img class="arrow" src="../assets/images/right_arrow.png" alt="arrow" title="arrow" />
-      </a>
-      <a class="entrance" @click="toPaySlips_click" href="javascript:void(0)">
+      </router-link>
+
+      <router-link class="entrance" :to="`/PaySlips?ed_id=${ed_id}`">
         <img src="../assets/images/slips_icon.png" alt="我的工资条" title="我的工资条" />
         <img src="../assets/images/slips_icon.png" alt="我的工资条" title="我的工资条" />
         <div>
         <div>
           <h4>我的工资条</h4>
           <h4>我的工资条</h4>
           <p>你可查询发放成功的工资记录</p>
           <p>你可查询发放成功的工资记录</p>
         </div>
         </div>
         <img class="arrow" src="../assets/images/right_arrow.png" alt="arrow" title="arrow" />
         <img class="arrow" src="../assets/images/right_arrow.png" alt="arrow" title="arrow" />
-      </a>
+      </router-link>
     </div>
     </div>
   </div>
   </div>
 </template>
 </template>
@@ -76,22 +79,13 @@ export default class Index extends Vue {
   private work_address: string = "";
   private work_address: string = "";
   private position: string = "";
   private position: string = "";
   private entry_date: string = "";
   private entry_date: string = "";
-  private id_no: string | (string | null)[] = "";
-
-  private toArchives_click(id_no: string): void {
-    this.$router.push({ name: "Archives", query: { id_no: id_no } });
-  }
-
-  private toInformation_click(id_no: string): void {
-    this.$router.push({ name: "Information", query: { id_no: id_no } });
-  }
+  private id_no: string = "";
+  private ed_id: string = "";
 
 
-  private toPaySlips_click(id_no: string): void {
-    this.$router.push({ name: "PaySlips", query: { id_no: id_no } });
-  }
 
 
   created() {
   created() {
-    this.id_no = this.$route.query.id_no;
+    const id_no = this.$route.query.id_no as string;
+    this.id_no = window.atob(encodeURI(id_no));
   }
   }
 }
 }
 </script>
 </script>