Skip to content

frontend / qqxb-self-service

Go to a project
Commit c7d9bd65 by e
Options

123

parent fcbbb753
Inline Side-by-side
Showing with 258 additions and 102 deletions
src/views/Index.vue
......@@ -81,14 +81,16 @@ export default class Index extends Vue {
private ed_id: string = "";
created() {
const id_no = this.$route.query.id_no as string;
// const id_no = this.$route.query.id_no as string;
// this.id_no = window.atob(encodeURI(id_no));
this.sp_id = this.$route.query.sp_id as string;
// this.sp_id = this.$route.query.sp_id as string;
let params = {
spId: "85",
idNo: "51090219750505229X"
};
console.log(params);
// 通过身份证号和派遣公司ID拿到派遣员工的信息(劳务派遣首页数据)
this.$server.EmployeeService.getDispatchInfo(params)
.then(res => {
......
src/views/Information.vue
<template>
<div class="main">
<p class="upload-desc">请先补充我的档案，如已补充完成，请下载并打印入职登记表.pdf，在打印文件上签字，然后拍照上传。</p>
<van-form>
<div class="upload-body">
<!-- 身份证正面5 -->
<div class="upload-child">
<van-uploader
v-model="uploadIdFront"
......@@ -16,27 +16,28 @@
</van-uploader>
<div class="upload-detil">
<p>身份证首页</p>
<van-icon name="delete" @click="delImg(nn)" color="#5e6066" class="delete" />
<!-- <van-icon name="delete" @click="delImg(nn)" color="#5e6066" class="delete" /> -->
</div>
</div>
<!-- 身份证反面6 -->
<div class="upload-child">
<van-uploader
v-model="uploadIdReverse"
:after-read="afterRead"
:before-delete="afterDelete"
:max-count="1"
preview-size="120"
preview-image
>
<div class="upload-add"></div>
</van-uploader>
<div class="upload-detil">
<p>身份证背面</p>
<van-icon name="delete" @click="delImg(nn)" color="#5e6066" class="delete" />
<!-- <van-icon name="delete" @click="delImg(nn)" color="#5e6066" class="delete" /> -->
</div>
</div>
<!-- 毕业证照片7 -->
<div class="upload-child">
<van-uploader
v-model="uploadDiploma"
......@@ -44,16 +45,15 @@
:max-count="1"
preview-size="120"
preview-image
>
<div class="upload-add"></div>
</van-uploader>
<div class="upload-detil">
<p>毕业证照片</p>
<van-icon name="delete" @click="delImg(nn)" color="#5e6066" class="delete" />
<!-- <van-icon name="delete" @click="delImg(nn)" color="#5e6066" class="delete" /> -->
</div>
</div>
<!-- 学位证照片8 -->
<div class="upload-child">
<van-uploader
v-model="uploadCertificate"
......@@ -67,13 +67,13 @@
</van-uploader>
<div class="upload-detil">
<p>学位证照片</p>
<van-icon name="delete" @click="delImg(nn)" color="#5e6066" class="delete" />
<!-- <van-icon name="delete" @click="delImg(nn)" color="#5e6066" class="delete" /> -->
</div>
</div>
<!-- 个人简历9 -->
<div class="upload-child">
<van-uploader
v-model="uploadDimission"
v-model="uploadResume"
:after-read="afterRead"
:max-count="1"
preview-size="120"
......@@ -83,14 +83,14 @@
<div class="upload-add"></div>
</van-uploader>
<div class="upload-detil">
<p>上家公司离职证明</p>
<van-icon name="delete" @click="delImg(nn)" color="#5e6066" class="delete" />
<p>个人简历</p>
<!-- <van-icon name="delete" @click="delImg(nn)" color="#5e6066" class="delete" /> -->
</div>
</div>
<!-- 上家公司离职证明10 -->
<div class="upload-child">
<van-uploader
v-model="uploadResume"
v-model="uploadDimission"
:after-read="afterRead"
:max-count="1"
preview-size="120"
......@@ -100,11 +100,11 @@
<div class="upload-add"></div>
</van-uploader>
<div class="upload-detil">
<p>个人简历</p>
<van-icon name="delete" @click="delImg(nn)" color="#5e6066" class="delete" />
<p>上家公司离职证明</p>
<!-- <van-icon name="delete" @click="delImg(nn)" color="#5e6066" class="delete" /> -->
</div>
</div>
<!-- 户口首页11 -->
<div class="upload-child">
<van-uploader
v-model="uploadRegistered"
......@@ -118,10 +118,10 @@
</van-uploader>
<div class="upload-detil">
<p>户口首页</p>
<van-icon name="delete" @click="delImg(nn)" color="#5e6066" class="delete" />
<!-- <van-icon name="delete" @click="delImg(nn)" color="#5e6066" class="delete" /> -->
</div>
</div>
<!-- 户口本人页12 -->
<div class="upload-child">
<van-uploader
v-model="uploadRegisteredSelf"
......@@ -135,10 +135,27 @@
</van-uploader>
<div class="upload-detil">
<p>户口本人页</p>
<van-icon name="delete" @click="delImg(nn)" color="#5e6066" class="delete" />
<!-- <van-icon name="delete" @click="delImg(nn)" color="#5e6066" class="delete" /> -->
</div>
</div>
<!-- 入职登记表签字上传13 -->
<div class="upload-child">
<van-uploader
v-model="entryRegister"
:after-read="afterRead"
:max-count="1"
preview-size="120"
preview-image
:deletable="false"
>
<div class="upload-add"></div>
</van-uploader>
<div class="upload-detil">
<p>入职登记表签字上传</p>
<!-- <van-icon name="delete" @click="delImg(nn)" color="#5e6066" class="delete" /> -->
</div>
</div>
<!-- 银行卡照片14 -->
<div class="upload-child">
<van-uploader
v-model="uploadWageCard"
......@@ -152,10 +169,27 @@
</van-uploader>
<div class="upload-detil">
<p>工资银行卡</p>
<van-icon name="delete" @click="delImg(nn)" color="#5e6066" class="delete" />
<!-- <van-icon name="delete" @click="delImg(nn)" color="#5e6066" class="delete" /> -->
</div>
</div>
<!-- 入职体检表15 -->
<div class="upload-child">
<van-uploader
v-model="entryPhysical"
:after-read="afterRead"
:max-count="1"
preview-size="120"
preview-image
:deletable="false"
>
<div class="upload-add"></div>
</van-uploader>
<div class="upload-detil">
<p>入职体检表</p>
<!-- <van-icon name="delete" @click="delImg(nn)" color="#5e6066" class="delete" /> -->
</div>
</div>
<!-- 其他1 16 -->
<div class="upload-child">
<van-uploader
v-model="uploadElse1"
......@@ -169,10 +203,10 @@
</van-uploader>
<div class="upload-detil">
<p>其他文件</p>
<van-icon name="delete" @click="delImg(nn)" color="#5e6066" class="delete" />
<!-- <van-icon name="delete" @click="delImg(nn)" color="#5e6066" class="delete" /> -->
</div>
</div>
<!-- 其他2 17 -->
<div class="upload-child">
<van-uploader
v-model="uploadElse2"
......@@ -186,10 +220,10 @@
</van-uploader>
<div class="upload-detil">
<p>其他文件</p>
<van-icon name="delete" @click="delImg(nn)" color="#5e6066" class="delete" />
<!-- <van-icon name="delete" @click="delImg(nn)" color="#5e6066" class="delete" /> -->
</div>
</div>
<!-- 其他3 18 -->
<div class="upload-child">
<van-uploader
v-model="uploadElse3"
......@@ -203,10 +237,10 @@
</van-uploader>
<div class="upload-detil">
<p>其他文件</p>
<van-icon name="delete" @click="delImg(nn)" color="#5e6066" class="delete" />
<!-- <van-icon name="delete" @click="delImg(nn)" color="#5e6066" class="delete" /> -->
</div>
</div>
<!-- 其他4 19 -->
<div class="upload-child">
<van-uploader
v-model="uploadElse4"
......@@ -220,10 +254,10 @@
</van-uploader>
<div class="upload-detil">
<p>其他文件</p>
<van-icon name="delete" @click="delImg(nn)" color="#5e6066" class="delete" />
<!-- <van-icon name="delete" @click="delImg(nn)" color="#5e6066" class="delete" /> -->
</div>
</div>
<!-- 其他5 20 -->
<div class="upload-child">
<van-uploader
v-model="uploadElse5"
......@@ -237,10 +271,11 @@
</van-uploader>
<div class="upload-detil">
<p>其他文件</p>
<van-icon name="delete" @click="delImg(nn)" color="#5e6066" class="delete" />
<!-- <van-icon name="delete" @click="delImg(nn)" color="#5e6066" class="delete" /> -->
</div>
</div>
</div>
<div style="margin: 16px 0 0 0;">
<van-button block type="primary" native-type="submit" @click="updateContactInfo_click">提交信息</van-button>
</div>
......@@ -274,28 +309,28 @@ import { Component } from "vue-property-decorator";
}
})
export default class Information extends Vue {
private obj: any = {};
private objs: any = {};
private postData: any = [];
private fileIds: any = [];
private fileList: any = [];
// 14个坑放对应图
private uploadIdFront: any = [
// {url : ''}
]; // 身份证正面
private uploadIdReverse: any = []; // 身份证反面
private uploadDiploma: any = []; // 毕业证
private uploadCertificate: any = []; // 学位证
private uploadDimission: any = []; // 离职证明
private uploadResume: any = []; // 个人简历
private uploadRegistered: any = []; // 户口首页
private uploadRegisteredSelf: any = []; // 户口本人页
private uploadWageCard: any = []; // 工资卡
private uploadElse1: any = []; // 其他1
private uploadElse2: any = []; // 其他2
private uploadElse3: any = []; // 其他3
private uploadElse4: any = []; // 其他4
private uploadElse5: any = []; // 其他5
// 16个坑放对应图
private uploadIdFront: any = []; // 身份证正面5
private uploadIdReverse: any = []; // 身份证反面6
private uploadDiploma: any = []; // 毕业证照片7
private uploadCertificate: any = []; // 学位证照片8
private uploadResume: any = []; // 个人简历9
private uploadDimission: any = []; // 上家公司离职证明10
private uploadRegistered: any = []; // 户口首页11
private uploadRegisteredSelf: any = []; // 户口本人页12
private entryRegister: any = []; // 入职登记表签字上传13
private uploadWageCard: any = []; // 银行卡照片14
private entryPhysical: any = []; // 入职体检表15
private uploadElse1: any = []; // 其他1 16
private uploadElse2: any = []; // 其他2 17
private uploadElse3: any = []; // 其他3 18
private uploadElse4: any = []; // 其他4 19
private uploadElse5: any = []; // 其他5 20
delImg(index: any) {
// 删除指定下标的图片对象
......@@ -316,29 +351,29 @@ export default class Information extends Vue {
//文件读取完成后的回调函数
//let uploadImg = await upLoaderImg(file.file); //使用上传的方法。setFiles
console.log(file, "afterRead");
console.log(file.content, "afterRead.content");
console.log(this.$route.query.ed_id, "ed_id");
// console.log(file.content, "afterRead.content");
// console.log(this.$route.query.ed_id, "ed_id");
let params = {
edId: this.$route.query.ed_id,
req: {
attachment: file.content,
fileTypeId: "7"
fileTypeId: "5"
}
};
this.$server.EmployeeService.setFiles(params)
.then(res => {
console.log(res);
Toast.success("保存成功");
})
.catch(error => {});
}
async afterDelete(file:any){
async afterDelete(file: any) {
let params = {
fileId: "36",
fileId: "42"
};
this.$server.EmployeeService.delFiles(params)
.then(res => {
console.log(res);
Toast.success("删除成功");
})
.catch(error => {});
}
......@@ -362,21 +397,7 @@ export default class Information extends Vue {
// 底部提交按钮
updateContactInfo_click() {
let data = {
edId: this.$route.query.ed_id
};
this.$server.EmployeeService.putFiles(data)
.then(res => {
if (res == true) {
Toast.success("保存成功");
// this.show = false;
} else {
console.log("保存失败");
}
})
.catch(error => {
console.log(error);
});
Toast.success("保存成功");
}
// 获取文件
......@@ -387,15 +408,156 @@ export default class Information extends Vue {
this.$server.EmployeeService.getFiles(params)
.then(res => {
console.log(res);
this.objs = res;
const vueThis = this;
this.obj = res;
if(this.obj[0].attachment != null){
console.log(this.obj[0].attachment);
}
this.objs.forEach(function(obj: any) {
if (obj.edftId == 5) {
console.log("身份证正面url=" + obj.attachment);
if (obj.attachment == null) {
vueThis.uploadIdFront = [];
} else {
vueThis.uploadIdFront = [{ url: obj.attachment }];
console.log("uploadIdFront=", vueThis.uploadIdFront);
}
}
if (obj.edftId == 6) {
console.log("身份证反面url=" + obj.attachment);
if (obj.attachment == null) {
vueThis.uploadIdReverse = [];
} else {
vueThis.uploadIdReverse = [{ url: obj.attachment }];
console.log("uploadIdFront=", vueThis.uploadIdReverse);
}
//vueThis.testurl = obj.attachment;
}
if (obj.edftId == 7) {
console.log("毕业证照片url=" + obj.attachment);
if (obj.attachment == null) {
vueThis.uploadDiploma = [];
} else {
vueThis.uploadDiploma = [{ url: obj.attachment }];
console.log("uploadIdFront=", vueThis.uploadDiploma);
}
}
if (obj.edftId == 8) {
console.log("学位证照片url=" + obj.attachment);
if (obj.attachment == null) {
vueThis.uploadCertificate = [];
} else {
vueThis.uploadCertificate = [{ url: obj.attachment }];
console.log("uploadIdFront=", vueThis.uploadCertificate);
}
}
if (obj.edftId == 9) {
console.log("个人简历url=" + obj.attachment);
if (obj.attachment == null) {
vueThis.uploadResume = [];
} else {
vueThis.uploadResume = [{ url: obj.attachment }];
console.log("uploadIdFront=", vueThis.uploadResume);
}
}
if (obj.edftId == 10) {
console.log("上家公司离职证明url=" + obj.attachment);
if (obj.attachment == null) {
vueThis.uploadDimission = [];
} else {
vueThis.uploadDimission = [{ url: obj.attachment }];
console.log("uploadIdFront=", vueThis.uploadDimission);
}
}
if (obj.edftId == 11) {
console.log("户口首页url=" + obj.attachment);
if (obj.attachment == null) {
vueThis.uploadRegistered = [];
} else {
vueThis.uploadRegistered = [{ url: obj.attachment }];
console.log("uploadIdFront=", vueThis.uploadRegistered);
}
}
if (obj.edftId == 12) {
console.log("户口本人页url=" + obj.attachment);
if (obj.attachment == null) {
vueThis.uploadRegisteredSelf = [];
} else {
vueThis.uploadRegisteredSelf = [{ url: obj.attachment }];
console.log("uploadIdFront=", vueThis.uploadRegisteredSelf);
}
}
if (obj.edftId == 13) {
console.log("入职登记表签字上传url=" + obj.attachment);
if (obj.attachment == null) {
vueThis.entryRegister = [];
} else {
vueThis.entryRegister = [{ url: obj.attachment }];
console.log("uploadIdFront=", vueThis.entryRegister);
}
}
if (obj.edftId == 14) {
console.log("银行卡照片url=" + obj.attachment);
if (obj.attachment == null) {
vueThis.uploadWageCard = [];
} else {
vueThis.uploadWageCard = [{ url: obj.attachment }];
console.log("uploadIdFront=", vueThis.uploadWageCard);
}
}
if (obj.edftId == 15) {
console.log("入职体检表url=" + obj.attachment);
if (obj.attachment == null) {
vueThis.entryPhysical = [];
} else {
vueThis.entryPhysical = [{ url: obj.attachment }];
console.log("uploadIdFront=", vueThis.entryPhysical);
}
}
if (obj.edftId == 16) {
console.log("其他文件1url=" + obj.attachment);
if (obj.attachment == null) {
vueThis.uploadElse1 = [];
} else {
vueThis.uploadElse1 = [{ url: obj.attachment }];
console.log("uploadIdFront=", vueThis.uploadElse1);
}
}
if (obj.edftId == 17) {
console.log("其他文件2url=" + obj.attachment);
if (obj.attachment == null) {
vueThis.uploadElse2 = [];
} else {
vueThis.uploadElse2 = [{ url: obj.attachment }];
console.log("uploadIdFront=", vueThis.uploadElse2);
}
}
if (obj.edftId == 18) {
console.log("其他文件3url=" + obj.attachment);
if (obj.attachment == null) {
vueThis.uploadElse3 = [];
} else {
vueThis.uploadElse3 = [{ url: obj.attachment }];
console.log("uploadIdFront=", vueThis.uploadElse3);
}
}
if (obj.edftId == 19) {
console.log("其他文件4url=" + obj.attachment);
if (obj.attachment == null) {
vueThis.uploadElse4 = [];
} else {
vueThis.uploadElse4 = [{ url: obj.attachment }];
console.log("uploadIdFront=", vueThis.uploadElse4);
}
}
if (obj.edftId == 20) {
console.log("其他文件5url=" + obj.attachment);
if (obj.attachment == null) {
vueThis.uploadElse5 = [];
} else {
vueThis.uploadElse5 = [{ url: obj.attachment }];
console.log("uploadIdFront=", vueThis.uploadElse5);
}
}
});
})
.catch(error => {});
}
......@@ -407,16 +569,6 @@ export default class Information extends Vue {
</script>
<style lang="less" scoped>
.upload-desc {
color: #5e6066;
font-size: 14px;
line-height: 18px;
font-weight: 400;
width: 335px;
text-align: center;
margin: 20px auto 0;
display: block;
}
.upload-body {
width: 335px;
margin: 20px auto 20px;
......
src/views/SelectIdentity.vue
......@@ -61,15 +61,17 @@ export default class SelectIdentity extends Vue {
}
private toIndex_click(): void {
this.ChooseCompany();
// if (this.dispatch_list && this.dispatch_list.length > 1) {
// this.ChooseCompany();
// }
//this.ChooseCompany();
console.log(this.dispatch_list);
if (this.dispatch_list && this.dispatch_list.length > 1) {
this.ChooseCompany();
}
// if (this.dispatch_list && this.dispatch_list.length == 1) {
// const sp_id: string = this.dispatch_list[0].id as string;
// this.toIndex(sp_id);
// }
if (this.dispatch_list && this.dispatch_list.length == 1) {
const sp_id: string = this.dispatch_list[0].id as string;
this.toIndex(sp_id);
}
}
private async getUserInfo() {
......
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