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'
import 'amfe-flexible/index.js'
import server from '@/services/install'
import FastClick from 'fastclick'
import '@/assets/css/index.less'
Vue.config.productionTip = false;
FastClick.attach(document.body);
......
src/router/employee/employee-router.ts
export default [
// {
// path: '/',
......@@ -12,33 +13,49 @@ 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: '首页',
requiresAuth: true
title: '档案查看',
requiresAuth: false
},
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/FlexEmployee.vue
......@@ -4,7 +4,7 @@
<div class="person-information">
<div class="person-information-top">
<div class="person-information-left">
<h3>小凶许</h3>
<h3>{{name}}</h3>
<p>1996.01.01</p>
</div>
<div class="person-information-right">
......@@ -35,64 +35,58 @@
<h3>任务记录</h3>
</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">
<h3>市场推广-地推</h3>
<p>2020-04-01</p>
<h3>{{item.title}}</h3>
<p>{{item.date}}</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>
<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>
<h3>¥{{item.price}}</h3>
<p>{{item.state}}</p>
</div>
<img src="../assets/images/agent/next_gray.png" alt />
</div>
</a>
</div>
</div>
</template>
<script>
export default {};
<script lang='ts'>
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>
<style lang="less">
......
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,8 @@
<div class="close-box">
<img src="../assets/images/ic_unfold@2x.png" />
</div>
<a class="entrance">
<router-link class="entrance" :to="`/archives?ed_id=${ed_id}`">
<img src="../assets/images/archives_icon.png" alt="我的档案" title="我的档案" />
<div>
<h4>我的档案</h4>
......@@ -42,35 +43,56 @@
<p>你的信息不完整，请先补充信息</p>
</div>
<img class="arrow" src="../assets/images/right_arrow.png" alt="arrow" title="arrow" />
</a>
<a class="entrance entrance-border">
</router-link>
<router-link class="entrance entrance-border" :to="`/Information?ed_id=${ed_id}`">
<img src="../assets/images/information_icon.png" alt="我的资料" title="我的资料" />
<div>
<h4>我提交的资料</h4>
<p>你可查询上传的附件信息</p>
</div>
<img class="arrow" src="../assets/images/right_arrow.png" alt="arrow" title="arrow" />
</a>
<a class="entrance">
</router-link>
<router-link class="entrance" :to="`/PaySlips?ed_id=${ed_id}`">
<img src="../assets/images/slips_icon.png" alt="我的工资条" title="我的工资条" />
<div>
<h4>我的工资条</h4>
<p>你可查询发放成功的工资记录</p>
</div>
<img class="arrow" src="../assets/images/right_arrow.png" alt="arrow" title="arrow" />
</a>
</router-link>
</div>
</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 = "";
private ed_id: string = "";
created() {
const id_no = this.$route.query.id_no as string;
this.id_no = window.atob(encodeURI(id_no));
}
}
</script>
<style lang="less">
body{
background-color: #FFFFFF;
body {
background-color: #ffffff;
}
.main-index {
padding-top: 0;
......
src/views/SelectIdentity.vue
......@@ -7,14 +7,14 @@
<p>可查看专项订单服务，使用职场小工具</p>
</div>
</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 />
<div class="si-child-desc">
<h4>我是派遣员工</h4>
<p>可查看编辑自己的劳务派遣员工档案信息</p>
</div>
</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 />
<div class="si-child-desc">
<h4>我是灵活用工员工</h4>
......@@ -24,8 +24,19 @@
</div>
</template>
<script>
export default {};
<script lang='ts'>
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>
<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