Skip to content

frontend / qqxb-self-service

Go to a project
Commit 98af0d1c by e
Options

Merge branch 'master' of gitlab.corp.qinqinxiaobao.com:frontend_vue/qqxb-self-service

parents ab53d563 06ee6eb0
Inline Side-by-side
Showing with 132 additions and 49 deletions
package-lock.json
......@@ -964,6 +964,11 @@
"integrity": "sha512-EaObqwIvayI5a8dCzhFrjKzVwKLxjoG9T6Ppd5CEo07LRKfQ8Yokw54r5+Wq7FaBQ+yXRvQAYPrHwya1/UFt9g==",
"dev": true
},
"@types/fastclick": {
"version": "1.0.29",
"resolved": "https://registry.npmjs.org/@types/fastclick/-/fastclick-1.0.29.tgz",
"integrity": "sha512-umkMhdAk3dNAenNuhoKPzZUYN9uBHrK8UAvUKWMLst80Gj4BWC1syLuiNzdBzPpM2b2Xg036vvl6X1wiu1Piuw=="
},
"@types/glob": {
"version": "7.1.1",
"resolved": "https://registry.npmjs.org/@types/glob/-/glob-7.1.1.tgz",
......@@ -4484,6 +4489,11 @@
"integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
"dev": true
},
"fastclick": {
"version": "1.0.6",
"resolved": "https://registry.npmjs.org/fastclick/-/fastclick-1.0.6.tgz",
"integrity": "sha1-FhYlsnsaWAZAWTa9qaLBkm0Gvmo="
},
"fastparse": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/fastparse/-/fastparse-1.1.2.tgz",
......@@ -7130,8 +7140,7 @@
"version": "2.2.2",
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz",
"integrity": "sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==",
"dev": true,
"optional": true
"dev": true
},
"pify": {
"version": "4.0.1",
......
package.json
......@@ -8,10 +8,12 @@
"lint": "vue-cli-service lint"
},
"dependencies": {
"@types/fastclick": "^1.0.29",
"@types/qs": "^6.9.3",
"amfe-flexible": "^2.2.1",
"axios": "^0.19.2",
"core-js": "^2.6.11",
"fastclick": "^1.0.6",
"oidc-client": "^1.10.1",
"qs": "^6.9.4",
"vant": "^2.2.0",
......
src/components/archives/workInfo.vue
......@@ -3,6 +3,7 @@
<div class="header">
<div class="tip"></div>
<div class="title">工作信息</div>
<van-icon size="14px" color="#E1E4EB" name="arrow" />
</div>
<div class="box">
<div class="item">
......@@ -31,23 +32,22 @@
<script lang="ts">
import Vue from "vue";
// import { Button } from 'vant';
import { Icon } from 'vant';
import { Component } from "vue-property-decorator";
@Component({
// components:{
// // [Cell.name]: Cell,
// [Button.name]:Button
// }
components:{
[Icon.name]: Icon
}
})
export default class workInfo extends Vue {
created() {
// let params = {
// edId: 1
// };
// this.$server.EmployeeService.getWorkInfoDetail(params).then(res => {
// console.log(res);
// });
let params = {
edId: 1
};
this.$server.EmployeeService.getWorkInfoDetail(params).then(res => {
console.log(res);
});
}
}
</script>
......@@ -70,6 +70,9 @@ export default class workInfo extends Vue {
font-weight: 500;
color: rgba(61, 64, 71, 1);
}
i{
margin: 0 20px 0 auto;
}
}
.box {
margin: 0 20px;
......
src/main.ts
......@@ -3,10 +3,12 @@ import App from './App.vue';
import router from './router'
import store from './store'
import 'amfe-flexible/index.js'
import server from '@/services/install';
import server from '@/services/install'
import FastClick from 'fastclick'
import '@/assets/css/index.less'
Vue.config.productionTip = false;
FastClick.attach(document.body);
Vue.use(server)
new Vue({
......
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/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;
......
vue.config.js
......@@ -114,11 +114,11 @@ module.exports = {
before: app => { }
},
// 第三方插件配置
pluginOptions: {
'style-resources-loader': {
preProcessor: 'scss',
patterns: []
}
}
// pluginOptions: {
// 'style-resources-loader': {
// preProcessor: 'scss',
// patterns: []
// }
// }
};
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