Skip to content

frontend / qqxb-self-service

Go to a project
Commit e8a38dae by 展昭
Options

data

parent bccec4a2
Inline Side-by-side
Showing with 98 additions and 25 deletions
src/router/employee/employee-router.ts
export default [ export default [
// { // {
// path: '/', // path: '/',
...@@ -12,32 +13,48 @@ export default [ ...@@ -12,32 +13,48 @@ export default [
// 身份选择 // 身份选择
path: '/', path: '/',
name: 'SelectIdentity', name: 'SelectIdentity',
component: () => import("@/views/SelectIdentity.vue") component: () => import("@/views/SelectIdentity.vue"),
meta: {
title: '身份选择',
requiresAuth: false
}
}, },
{ {
// 灵活用工 // 灵活用工
path: '/flex_employee', path: '/flex_employee',
name: 'FlexEmployee', name: 'FlexEmployee',
component: () => import("@/views/FlexEmployee.vue") component: () => import("@/views/FlexEmployee.vue"),
meta: {
title: '灵活用工',
requiresAuth: false
}
}, },
{ {
// 灵活用工详情 // 灵活用工详情
path: '/flex_employee_detial', path: '/flex_employee_detial',
name: 'FlexEmployeeDetial', name: 'FlexEmployeeDetial',
component: () => import("@/views/FlexEmployeeDetial.vue") component: () => import("@/views/FlexEmployeeDetial.vue"),
meta: {
title: '灵活用工详情',
requiresAuth: false
}
}, },
{ {
// 企业员工 // 企业员工
path: '/company_employee_details', path: '/company_employee_details',
name: 'CompanyEmployeeDetails', name: 'CompanyEmployeeDetails',
component: () => import("@/views/CompanyEmployeeDetails.vue") component: () => import("@/views/CompanyEmployeeDetails.vue"),
meta: {
title: '企业员工',
requiresAuth: false
}
}, },
{ {
// 档案查看 // 档案查看
path: '/archives', path: '/archives',
name: 'Archives', name: 'Archives',
meta: { meta: {
title: '首页', title: '档案查看',
requiresAuth: true requiresAuth: true
}, },
component: () => import("@/views/Archives.vue") component: () => import("@/views/Archives.vue")
...@@ -46,43 +63,71 @@ export default [ ...@@ -46,43 +63,71 @@ export default [
// 劳务派遣-选择派遣公司 // 劳务派遣-选择派遣公司
path: '/chooseCompany', path: '/chooseCompany',
name: 'ChooseCompany', name: 'ChooseCompany',
component: () => import("@/views/ChooseCompany.vue") component: () => import("@/views/ChooseCompany.vue"),
meta: {
title: '选择派遣公司',
requiresAuth: false
}
}, },
{ {
// 劳务派遣个人首页 // 劳务派遣个人首页
path: '/index', path: '/index',
name: 'Index', name: 'Index',
component: () => import("@/views/Index.vue") component: () => import("@/views/Index.vue"),
meta: {
title: '劳务派遣',
requiresAuth: false
}
}, },
{ {
// 劳务派遣-我上传的资料 // 劳务派遣-我上传的资料
path: '/information', path: '/information',
name: 'Information', name: 'Information',
component: () => import("@/views/Information.vue") component: () => import("@/views/Information.vue"),
meta: {
title: '我上传的资料',
requiresAuth: false
}
}, },
{ {
// 劳务派遣-我上传的资料 // 劳务派遣-我上传的资料
path: '/informationEdit', path: '/informationEdit',
name: 'InformationEdit', name: 'InformationEdit',
component: () => import("@/views/InformationEdit.vue") component: () => import("@/views/InformationEdit.vue"),
meta: {
title: '我上传的资料',
requiresAuth: false
}
}, },
{ {
// 劳务派遣-我上传的资料预览 // 劳务派遣-我上传的资料预览
path: '/informationPreview', path: '/informationPreview',
name: 'InformationPreview', name: 'InformationPreview',
component: () => import("@/views/InformationPreview.vue") component: () => import("@/views/InformationPreview.vue"),
meta: {
title: '我上传的资料',
requiresAuth: false
}
}, },
{ {
// 劳务派遣-我的工资条 // 劳务派遣-我的工资条
path: '/paySlips', path: '/paySlips',
name: 'PaySlips', name: 'PaySlips',
component: () => import("@/views/PaySlips.vue") component: () => import("@/views/PaySlips.vue"),
meta: {
title: '我的工资条',
requiresAuth: false
}
}, },
{ {
// 劳务派遣-我的工资条 // 劳务派遣-我的工资条
path: '/paySlipsMonth', path: '/paySlipsMonth',
name: '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 @@ ...@@ -3,8 +3,8 @@
<div class="info-card-box"> <div class="info-card-box">
<div class="info-card-top"> <div class="info-card-top">
<div class="info-card-top-left"> <div class="info-card-top-left">
<h4>ce_full_name</h4> <h4>{{user_name}}</h4>
<p>birthday</p> <p>{{birthday}}</p>
</div> </div>
<div class="info-card-top-right"> <div class="info-card-top-right">
<img src="../assets/images/agent/123.jpg" alt="头像" title="头像" /> <img src="../assets/images/agent/123.jpg" alt="头像" title="头像" />
...@@ -14,19 +14,19 @@ ...@@ -14,19 +14,19 @@
<div class="info-card-bottom"> <div class="info-card-bottom">
<p> <p>
<label>用工单位</label> <label>用工单位</label>
<span>ce_full_name</span> <span>{{company_name}}</span>
</p> </p>
<p> <p>
<label>工作地点</label> <label>工作地点</label>
<span>work_address</span> <span>{{work_address}}</span>
</p> </p>
<p> <p>
<label>工作职位</label> <label>工作职位</label>
<span>position</span> <span>{{position}}</span>
</p> </p>
<p> <p>
<label>入职时间</label> <label>入职时间</label>
<span>employee_entry_date</span> <span>{{entry_date}}</span>
</p> </p>
</div> </div>
</div> </div>
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
<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"> <a class="entrance" @click="toArchives_click" href="javascript:void(0)">
<img src="../assets/images/archives_icon.png" alt="我的档案" title="我的档案" /> <img src="../assets/images/archives_icon.png" alt="我的档案" title="我的档案" />
<div> <div>
<h4>我的档案</h4> <h4>我的档案</h4>
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
</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>
<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="我的资料" /> <img src="../assets/images/information_icon.png" alt="我的资料" title="我的资料" />
<div> <div>
<h4>我提交的资料</h4> <h4>我提交的资料</h4>
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
</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>
<a class="entrance"> <a class="entrance" @click="toPaySlips_click" href="javascript:void(0)">
<img src="../assets/images/slips_icon.png" alt="我的工资条" title="我的工资条" /> <img src="../assets/images/slips_icon.png" alt="我的工资条" title="我的工资条" />
<div> <div>
<h4>我的工资条</h4> <h4>我的工资条</h4>
...@@ -63,14 +63,42 @@ ...@@ -63,14 +63,42 @@
</div> </div>
</template> </template>
<script> <script lang='ts'>
import "../assets/css/labor.css"; 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> </script>
<style lang="less"> <style lang="less">
body{ body {
background-color: #FFFFFF; background-color: #ffffff;
} }
.main-index { .main-index {
padding-top: 0; padding-top: 0;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment