data

src/router/employee/employee-router.ts

+
 export default [
     // {
     //     path: '/',
@@ -12,32 +13,48 @@ export default [
         // 身份选择
         path: '/',
         name: 'SelectIdentity',
-        component: () => import("@/views/SelectIdentity.vue")
+        component: () => import("@/views/SelectIdentity.vue"),
+        meta: {
+            title: '身份选择',
+            requiresAuth: false
+        }
     },
     {
         // 灵活用工
         path: '/flex_employee',
         name: 'FlexEmployee',
-        component: () => import("@/views/FlexEmployee.vue")
+        component: () => import("@/views/FlexEmployee.vue"),
+        meta: {
+            title: '灵活用工',
+            requiresAuth: false
+        }
     },
     {
         // 灵活用工详情
         path: '/flex_employee_detial',
         name: 'FlexEmployeeDetial',
-        component: () => import("@/views/FlexEmployeeDetial.vue")
+        component: () => import("@/views/FlexEmployeeDetial.vue"),
+        meta: {
+            title: '灵活用工详情',
+            requiresAuth: false
+        }
     },
     {
         // 企业员工
         path: '/company_employee_details',
         name: 'CompanyEmployeeDetails',
-        component: () => import("@/views/CompanyEmployeeDetails.vue")
+        component: () => import("@/views/CompanyEmployeeDetails.vue"),
+        meta: {
+            title: '企业员工',
+            requiresAuth: false
+        }
     },
     {
         // 档案查看
         path: '/archives',
         name: 'Archives',
         meta: {
-            title: '首页',
+            title: '档案查看',
             requiresAuth: true
         },
         component: () => import("@/views/Archives.vue")
@@ -46,43 +63,71 @@ export default [
         // 劳务派遣-选择派遣公司
         path: '/chooseCompany',
         name: 'ChooseCompany',
-        component: () => import("@/views/ChooseCompany.vue")
+        component: () => import("@/views/ChooseCompany.vue"),
+        meta: {
+            title: '选择派遣公司',
+            requiresAuth: false
+        }
     },
     {
         // 劳务派遣个人首页
         path: '/index',
         name: 'Index',
-        component: () => import("@/views/Index.vue")
+        component: () => import("@/views/Index.vue"),
+        meta: {
+            title: '劳务派遣',
+            requiresAuth: false
+        }
     },
     {
         // 劳务派遣-我上传的资料
         path: '/information',
         name: 'Information',
-        component: () => import("@/views/Information.vue")
+        component: () => import("@/views/Information.vue"),
+        meta: {
+            title: '我上传的资料',
+            requiresAuth: false
+        }
     },
     {
         // 劳务派遣-我上传的资料
         path: '/informationEdit',
         name: 'InformationEdit',
-        component: () => import("@/views/InformationEdit.vue")
+        component: () => import("@/views/InformationEdit.vue"),
+        meta: {
+            title: '我上传的资料',
+            requiresAuth: false
+        }
     },
     {
         // 劳务派遣-我上传的资料预览
         path: '/informationPreview',
         name: 'InformationPreview',
-        component: () => import("@/views/InformationPreview.vue")
+        component: () => import("@/views/InformationPreview.vue"),
+        meta: {
+            title: '我上传的资料',
+            requiresAuth: false
+        }
     },
     {
         // 劳务派遣-我的工资条
         path: '/paySlips',
         name: 'PaySlips',
-        component: () => import("@/views/PaySlips.vue")
+        component: () => import("@/views/PaySlips.vue"),
+        meta: {
+            title: '我的工资条',
+            requiresAuth: false
+        }
     },
     {
         // 劳务派遣-我的工资条
         path: '/paySlipsMonth',
         name: 'PaySlipsMonth',
-        component: () => import("@/views/PaySlipsMonth.vue")
+        component: () => import("@/views/PaySlipsMonth.vue"),
+        meta: {
+            title: '我的工资条',
+            requiresAuth: false
+        }
     },
     {
         // 测试页面

src/views/Index.vue

@@ -3,8 +3,8 @@
     <div class="info-card-box">
       <div class="info-card-top">
         <div class="info-card-top-left">
-          <h4>ce_full_name</h4>
-          <p>birthday</p>
+          <h4>{{user_name}}</h4>
+          <p>{{birthday}}</p>
         </div>
         <div class="info-card-top-right">
           <img src="../assets/images/agent/123.jpg" alt="头像" title="头像" />
@@ -14,19 +14,19 @@
       <div class="info-card-bottom">
         <p>
           <label>用工单位</label>
-          <span>ce_full_name</span>
+          <span>{{company_name}}</span>
         </p>
         <p>
           <label>工作地点</label>
-          <span>work_address</span>
+          <span>{{work_address}}</span>
         </p>
         <p>
           <label>工作职位</label>
-          <span>position</span>
+          <span>{{position}}</span>
         </p>
         <p>
           <label>入职时间</label>
-          <span>employee_entry_date</span>
+          <span>{{entry_date}}</span>
         </p>
       </div>
     </div>
@@ -34,7 +34,7 @@
       <div class="close-box">
         <img src="../assets/images/ic_unfold@2x.png" />
       </div>
-      <a class="entrance">
+      <a class="entrance" @click="toArchives_click" href="javascript:void(0)">
         <img src="../assets/images/archives_icon.png" alt="我的档案" title="我的档案" />
         <div>
           <h4>我的档案</h4>
@@ -43,7 +43,7 @@
         </div>
         <img class="arrow" src="../assets/images/right_arrow.png" alt="arrow" title="arrow" />
       </a>
-      <a class="entrance entrance-border">
+      <a class="entrance entrance-border" @click="toInformation_click" href="javascript:void(0)">
         <img src="../assets/images/information_icon.png" alt="我的资料" title="我的资料" />
         <div>
           <h4>我提交的资料</h4>
@@ -51,7 +51,7 @@
         </div>
         <img class="arrow" src="../assets/images/right_arrow.png" alt="arrow" title="arrow" />
       </a>
-      <a class="entrance">
+      <a class="entrance" @click="toPaySlips_click" href="javascript:void(0)">
         <img src="../assets/images/slips_icon.png" alt="我的工资条" title="我的工资条" />
         <div>
           <h4>我的工资条</h4>
@@ -63,14 +63,42 @@
   </div>
 </template>
 
-<script>
+<script lang='ts'>
 import "../assets/css/labor.css";
-export default {};
+import { Component, Vue } from "vue-property-decorator";
+@Component({
+  components: {}
+})
+export default class Index extends Vue {
+  private user_name: string = "";
+  private birthday: string = "";
+  private company_name: string = "";
+  private work_address: string = "";
+  private position: 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 toPaySlips_click(id_no: string): void {
+    this.$router.push({ name: "PaySlips", query: { id_no: id_no } });
+  }
+
+  created() {
+    this.id_no = this.$route.query.id_no;
+  }
+}
 </script>
 
 <style lang="less">
-body{
-    background-color: #FFFFFF;
+body {
+  background-color: #ffffff;
 }
 .main-index {
   padding-top: 0;