Skip to content

frontend / qqxb-self-service

Go to a project
Commit 06ee6eb0 by lishengfu
Options

update

parents c262ac0e 92743715
Inline Side-by-side
Showing with 153 additions and 80 deletions
src/main.ts
...@@ -5,6 +5,7 @@ import store from './store' ...@@ -5,6 +5,7 @@ import store from './store'
import 'amfe-flexible/index.js' import 'amfe-flexible/index.js'
import server from '@/services/install' import server from '@/services/install'
import FastClick from 'fastclick' import FastClick from 'fastclick'
import '@/assets/css/index.less'
Vue.config.productionTip = false; Vue.config.productionTip = false;
FastClick.attach(document.body); FastClick.attach(document.body);
......
src/router/employee/employee-router.ts
export default [ export default [
// { // {
// path: '/', // path: '/',
...@@ -12,33 +13,49 @@ export default [ ...@@ -12,33 +13,49 @@ 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: false
}, },
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/FlexEmployee.vue
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<div class="person-information"> <div class="person-information">
<div class="person-information-top"> <div class="person-information-top">
<div class="person-information-left"> <div class="person-information-left">
<h3>小凶许</h3> <h3>{{name}}</h3>
<p>1996.01.01</p> <p>1996.01.01</p>
</div> </div>
<div class="person-information-right"> <div class="person-information-right">
...@@ -35,64 +35,58 @@ ...@@ -35,64 +35,58 @@
<h3>任务记录</h3> <h3>任务记录</h3>
</div> </div>
<a class="fe-list-child" href> <a class="fe-list-child" href='javascript:void(0)' v-for="item in taskRecordList" :key="item.id" @click="toDetail(item.id)">
<div class="fe-list-child-left"> <div class="fe-list-child-left">
<h3>市场推广-地推</h3> <h3>{{item.title}}</h3>
<p>2020-04-01</p> <p>{{item.date}}</p>
</div> </div>
<div class="fe-list-child-right"> <div class="fe-list-child-right">
<div class="fe-list-child-right-desc"> <div class="fe-list-child-right-desc">
<h3>¥2000.00</h3> <h3>¥{{item.price}}</h3>
<p>已接单</p> <p>{{item.state}}</p>
</div>
<img src="../assets/images/agent/next_gray.png" alt />
</div>
</a>
<a class="fe-list-child" href>
<div class="fe-list-child-left">
<h3>市场推广-地推</h3>
<p>2020-04-01</p>
</div>
<div class="fe-list-child-right">
<div class="fe-list-child-right-desc">
<h3>¥2000.00</h3>
<p>进行中</p>
</div>
<img src="../assets/images/agent/next_gray.png" alt />
</div>
</a>
<a class="fe-list-child" href>
<div class="fe-list-child-left">
<h3>市场推广-地推</h3>
<p>2020-04-01</p>
</div>
<div class="fe-list-child-right">
<div class="fe-list-child-right-desc">
<h3>¥2000.00</h3>
<p>已拒回</p>
</div>
<img src="../assets/images/agent/next_gray.png" alt />
</div>
</a>
<a class="fe-list-child" href>
<div class="fe-list-child-left">
<h3>市场推广-地推</h3>
<p>2020-04-01</p>
</div>
<div class="fe-list-child-right">
<div class="fe-list-child-right-desc">
<h3>¥2000.00</h3>
<p>已完成</p>
</div> </div>
<img src="../assets/images/agent/next_gray.png" alt /> <img src="../assets/images/agent/next_gray.png" alt />
</div> </div>
</a> </a>
</div> </div>
</div> </div>
</template> </template>
<script> <script lang='ts'>
export default {}; import {Component,Vue} from 'vue-property-decorator'
@Component
export default class FlexEmployee extends Vue {
private name:string='小小JJ帅';
private taskRecordList:any=[
{id:1,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
{id:2,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已完成'},
{id:3,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已拒回'},
{id:4,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'进行中'},
{id:5,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
{id:6,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
{id:7,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
{id:8,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
{id:9,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
{id:10,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
{id:11,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
{id:12,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
{id:13,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
{id:14,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
{id:15,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
{id:16,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
{id:17,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
{id:18,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
{id:19,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
]
private toDetail(id:any):void{
this.$router.push({name:'',query:{id:id}})
}
};
</script> </script>
<style lang="less"> <style lang="less">
......
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,8 @@ ...@@ -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">
<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,35 +43,56 @@ ...@@ -42,35 +43,56 @@
<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>
<a class="entrance entrance-border">
<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> </router-link>
<a class="entrance">
<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>
<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 = "";
private ed_id: string = "";
created() {
const id_no = this.$route.query.id_no as string;
this.id_no = window.atob(encodeURI(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;
......
src/views/SelectIdentity.vue
...@@ -7,14 +7,14 @@ ...@@ -7,14 +7,14 @@
<p>可查看专项订单服务，使用职场小工具</p> <p>可查看专项订单服务，使用职场小工具</p>
</div> </div>
</a>--> </a>-->
<a class="si-child" id="dispatch-employee" href> <a class="si-child" id="dispatch-employee" @click="toIndex">
<img src="../assets/images/agent/company-employee.png" alt /> <img src="../assets/images/agent/company-employee.png" alt />
<div class="si-child-desc"> <div class="si-child-desc">
<h4>我是派遣员工</h4> <h4>我是派遣员工</h4>
<p>可查看编辑自己的劳务派遣员工档案信息</p> <p>可查看编辑自己的劳务派遣员工档案信息</p>
</div> </div>
</a> </a>
<a class="si-child" id="flex-employee" href> <a class="si-child" id="flex-employee" @click="toFlex">
<img src="../assets/images/agent/company-employee.png" alt /> <img src="../assets/images/agent/company-employee.png" alt />
<div class="si-child-desc"> <div class="si-child-desc">
<h4>我是灵活用工员工</h4> <h4>我是灵活用工员工</h4>
...@@ -24,8 +24,19 @@ ...@@ -24,8 +24,19 @@
</div> </div>
</template> </template>
<script> <script lang='ts'>
export default {}; import { Component, Vue } from "vue-property-decorator";
@Component
export default class SelectIdentity extends Vue {
private toFlex(): void {
this.$router.push({ name: "FlexEmployee" });
}
private toIndex(): void {
this.$router.push({ name: "Index" });
}
}
</script> </script>
<style lang="less"> <style lang="less">
......
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