Skip to content

frontend / qqxb-self-service

Go to a project
Commit e91a9d9c by e
Options

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

parents 336e4ef2 6b3717e5
Inline Side-by-side
Showing with 462 additions and 106 deletions
src/components/archives/archiveQuestion.vue 0 → 100644
<template>
<div class="content">
<div class="header">
<div class="tip"></div>
<div class="title">请用“是”或“否”回答下列问题：</div>
</div>
<div class="box">
<div class="item">
<span>是否有传染病、精神病及任何慢性疾病史？</span>
<van-radio-group v-model="radio" direction="horizontal" class="item-radio">
<van-radio name="1" checked-color="#07c160">是</van-radio>
<van-radio name="2" checked-color="#07c160">否</van-radio>
</van-radio-group>
</div>
<div class="item">
<span>是否与其他公司签订过“竞业禁止协议”？</span>
<van-radio-group v-model="radio" direction="horizontal" class="item-radio">
<van-radio name="1" checked-color="#07c160">是</van-radio>
<van-radio name="2" checked-color="#07c160">否</van-radio>
</van-radio-group>
</div>
<div class="item">
<span>是否曾因个人行为不检而被其他公司解雇？</span>
<van-radio-group v-model="radio" direction="horizontal" class="item-radio">
<van-radio name="1" checked-color="#07c160">是</van-radio>
<van-radio name="2" checked-color="#07c160">否</van-radio>
</van-radio-group>
</div>
<div class="item">
<span>是否愿意接受我公司及派至公司一切规章制度？</span>
<van-radio-group v-model="radio" direction="horizontal" class="item-radio">
<van-radio name="1" checked-color="#07c160">是</van-radio>
<van-radio name="2" checked-color="#07c160">否</van-radio>
</van-radio-group>
</div>
</div>
</div>
</template>
<script lang="ts">
import Vue from "vue";
import { RadioGroup, Radio , Button} from "vant";
import { Component } from "vue-property-decorator";
@Component({
components: {
[RadioGroup.name]: RadioGroup,
[Radio.name]: Radio,
},
data() {
return {
radio: 1
};
}
})
export default class workInfo extends Vue {
}
</script>
<style lang="less" scoped>
.content {
margin-top: 10px;
background: white;
.header {
height: 50px;
display: flex;
align-items: center;
.tip {
width: 3px;
height: 16px;
background: rgba(34, 189, 122, 1);
}
.title {
margin-left: 17px;
font-size: 16px;
font-weight: 500;
color: rgba(61, 64, 71, 1);
}
i {
margin: 0 20px 0 auto;
}
}
.box {
margin: 0 20px;
padding: 12px 0;
border-top: 1px solid #eaeef5;
.item {
margin-top: 20px;
&:first-child {
margin-top: 8px;
}
span {
display: block;
height: 14px;
font-size: 14px;
color: rgba(61, 64, 71, 1);
line-height: 14px;
}
.item-radio {
margin-top: 16px;
.van-radio--horizontal {
margin-right: 60px;
}
}
}
}
}
</style>
\ No newline at end of file
src/components/archives/contactInfo.vue
......@@ -3,57 +3,91 @@
<div class="header">
<div class="tip"></div>
<div class="title">联系信息</div>
<van-icon size="14px" color="#E1E4EB" name="arrow" @click="editInfo" />
</div>
<div class="box">
<div class="item">
<span>手机号码</span>
<label></label>
<label>{{obj.contactMobile}}</label>
</div>
<div class="item">
<span>固定电话</span>
<label></label>
<label>{{obj.contactTelephone}}</label>
</div>
<div class="item">
<span>紧急联系电话</span>
<label>福国际大厦A座88层市场推广专员2019-11-22</label>
<label>{{obj.contactEmergencyMobile}}</label>
</div>
<div class="item">
<span>邮政编码</span>
<label></label>
</div>
<div class="item">
<span>婚姻状况</span>
<label></label>
<label>{{obj.contactPostcode}}</label>
</div>
<div class="item">
<span>户口所在地</span>
<label></label>
<label>{{obj.contactCurrentResidence}}</label>
</div>
<div class="item">
<span>现居住地</span>
<label></label>
<label>{{obj.infoRegisteredResidenceCity}}</label>
</div>
</div>
<van-popup v-model="show" position="right" :style="{ height: '100%',width: '90%' }">
<van-form>
<van-field v-model="username" name="手机号码" label="手机号码" placeholder="请填写手机号码" />
<van-field v-model="phone" name="固定电话" label="固定电话" placeholder="请填写固定电话" />
<van-field v-model="phone" name="紧急联系电话" label="紧急联系电话" placeholder="请填写紧急联系电话" />
<van-field v-model="phone" name="邮政编码" label="邮政编码" placeholder="请填写邮政编码" />
<van-field v-model="phone" name="户口所在地" label="户口所在地" placeholder="请填写户口所在地" />
<van-field v-model="phone" name="现在居住地" label="现在居住地" placeholder="请填写现在居住地" />
<div style="margin: 16px;">
<van-button round block type="info" native-type="submit">保存</van-button>
</div>
</van-form>
</van-popup>
</div>
</template>
<script lang="ts">
import Vue from "vue";
// import { Button } from 'vant';
import { Button,Icon, Popup, Form, Picker, Field } from "vant";
import { Component } from "vue-property-decorator";
@Component({
// components:{
// // [Cell.name]: Cell,
// [Button.name]:Button
// }
components: {
[Button.name]: Button,
[Icon.name]: Icon,
[Popup.name]: Popup,
[Form.name]: Form,
[Picker.name]: Picker,
[Field.name]: Field
}
})
export default class workInfo extends Vue {}
export default class contactInfo extends Vue {
private username: string = "";
private phone: string = "";
private obj: object = {};
private show: boolean = false;
created() {
let params = {
edId: this.$route.query.ed_id
};
this.$server.EmployeeService.getContactInfo(params)
.then(res => {
this.obj = res;
})
.catch(error => {});
}
editInfo(): void {
this.show = true;
}
}
</script>
<style lang="less" scoped>
.content {
margin-top: 10px;
background: white;
.header {
height: 50px;
display: flex;
......@@ -69,6 +103,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/components/archives/eduExperience.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,21 +32,34 @@
<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 {}
export default class eduExperience extends Vue {
obj: object = {};
created() {
let params = {
edId: this.$route.query.ed_id
};
this.$server.EmployeeService.getEduExperience(params)
.then(res => {
// console.log("res=" + JSON.stringify(res));
this.obj = res;
})
.catch(error => {});
}
}
</script>
<style lang="less" scoped>
.content {
margin-top: 10px;
background: white;
.header {
height: 50px;
display: flex;
......@@ -61,6 +75,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/components/archives/personInfo.vue
......@@ -3,61 +3,84 @@
<div class="header">
<div class="tip"></div>
<div class="title">个人信息</div>
<van-icon size="14px" color="#E1E4EB" name="arrow" @click="editInfo" />
</div>
<div class="box">
<div class="item">
<span>出生地</span>
<label></label>
<label>{{obj.infoBirthCity}}</label>
</div>
<div class="item">
<span>民族</span>
<label></label>
<label>{{obj.infoNation}}</label>
</div>
<div class="item">
<span>政治面貌</span>
<label>福国际大厦A座88层市场推广专员2019-11-22</label>
<label>{{obj.infoPoliticalStatus}}</label>
</div>
<div class="item">
<span>最高学历</span>
<label></label>
<label>{{obj.infoHighestEducation}}</label>
</div>
<div class="item">
<span>婚姻状况</span>
<label></label>
<label>{{obj.infoMaritalStatus}}</label>
</div>
<div class="item">
<span>生育状况</span>
<label></label>
<label>{{obj.infoMaternityStatus}}</label>
</div>
<div class="item">
<span>档案所在地</span>
<label></label>
<label>{{obj.infoFileLocation}}</label>
</div>
<div class="item">
<span>开始工作时间</span>
<label></label>
<label>{{obj.infoWorkStartDate}}</label>
</div>
</div>
<van-popup v-model="show" position="right" :style="{ height: '100%',width: '90%' }">
<!-- 出生地 -->
<!-- <select-info :title="list.title" :value="list.value" /> -->
</van-popup>
</div>
</template>
<script lang="ts">
import Vue from "vue";
// import { Button } from 'vant';
import { Icon, Popup } from "vant";
import { Component } from "vue-property-decorator";
@Component({
// components:{
// // [Cell.name]: Cell,
// [Button.name]:Button
// }
components: {
[Icon.name]: Icon,
[Popup.name]: Popup,
}
})
export default class workInfo extends Vue {}
export default class personInfo extends Vue {
private obj: object = {};
private show: boolean = false;
created() {
let params = {
edId: this.$route.query.ed_id
};
this.$server.EmployeeService.getPersonInfo(params)
.then(res => {
this.obj = res;
})
.catch(error => {});
}
editInfo(): void {
this.show = true;
}
}
</script>
<style lang="less" scoped>
.content {
margin-top: 10px;
background: white;
.header {
height: 50px;
display: flex;
......@@ -73,6 +96,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/components/archives/selectInfo.vue 0 → 100644
<!--个人信息选择组件-->
<template>
<div>
<van-form>
<van-field
readonly
clickable
name="picker"
:value="value"
label="出生地"
placeholder="点击选择出生地"
@click="showPicker = true"
/>
<van-popup v-model="showPicker" position="bottom">
<van-picker
show-toolbar
:columns="columns"
@confirm="onConfirm"
@cancel="showPicker = false"
/>
</van-popup>
</van-form>
</div>
</template>
<script lang="ts">
import Vue from "vue";
import { Popup, Form, Picker, Field } from "vant";
import { Component } from "vue-property-decorator";
@Component({
components: {
[Popup.name]: Popup,
[Form.name]: Form,
[Picker.name]: Picker,
[Field.name]: Field
}
})
export default class personInfo extends Vue {
private obj: object = {};
private show: boolean = false;
private value: string = "";
private showPicker: boolean = false;
private columns: any = ["杭州", "宁波", "温州", "嘉兴", "湖州"];
onConfirm(value: string): void {
this.value = value;
this.showPicker = false;
}
}
</script>
<style lang="less" scoped>
</style>
\ No newline at end of file
src/components/archives/socialInfo.vue
......@@ -2,36 +2,37 @@
<div class="content">
<div class="header">
<div class="tip"></div>
<div class="title">个人信息</div>
<div class="title">社保信息</div>
<van-icon size="14px" color="#E1E4EB" name="arrow" />
</div>
<div class="box">
<div class="item">
<span>户口性质</span>
<label></label>
<label>{{obj.infoRegisteredResidence}}</label>
</div>
<div class="item">
<span>前期社保状态</span>
<label></label>
<label>{{obj.unitPreSocialStatus}}</label>
</div>
<div class="item">
<span>前期缴费种类</span>
<label></label>
<label>{{obj.unitPrePaymentType}}</label>
</div>
<div class="item">
<span>原社保缴纳省市</span>
<label></label>
<label>{{obj.unitPreSocialCity}}</label>
</div>
<div class="item">
<span>原社保缴纳单位</span>
<label></label>
<label>{{obj.unitPreSocialUnit}}</label>
</div>
<div class="item">
<span>与原单位关系</span>
<label></label>
<label>{{obj.unitRelationUnit}}</label>
</div>
<div class="item">
<span>前期就业状态</span>
<label></label>
<label>{{obj.unitPreEmploymentStatus}}</label>
</div>
</div>
</div>
......@@ -39,21 +40,34 @@
<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 {}
export default class socialInfo extends Vue {
private obj:object={}
created(){
let params = {
edId: this.$route.query.ed_id
};
this.$server.EmployeeService.getSocialInfo(params).then(res=>{
// console.log("res="+JSON.stringify(res))
this.obj=res;
}).catch(error=>{
})
}
}
</script>
<style lang="less" scoped>
.content {
margin-top: 10px;
background: white;
.header {
height: 50px;
display: flex;
......@@ -69,6 +83,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/components/archives/technologyExperience.vue
......@@ -3,19 +3,20 @@
<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">
<span>技术特长</span>
<label></label>
<label>{{obj.expertiseTechnologySpecialty}}</label>
</div>
<div class="item">
<span>技术职称</span>
<label></label>
<label>{{obj.expertiseTechnologyTitle}}</label>
</div>
<div class="item">
<span>资格证书</span>
<label>福国际大厦A座88层市场推广专员2019-11-22</label>
<label>{{obj.expertiseQualification}}</label>
</div>
</div>
</div>
......@@ -23,21 +24,33 @@
<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 {}
export default class technologyExperience extends Vue {
private obj:object={}
created(){
let params = {
edId: this.$route.query.ed_id
};
this.$server.EmployeeService.getTechnologyExperience(params).then(res=>{
this.obj=res;
}).catch(error=>{
})
}
}
</script>
<style lang="less" scoped>
.content {
margin-top: 10px;
background: white;
.header {
height: 50px;
display: flex;
......
src/components/archives/wageCardInfo.vue
......@@ -3,23 +3,24 @@
<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">
<span>账户姓名</span>
<label></label>
<label>{{obj.bankAccount}}</label>
</div>
<div class="item">
<span>银行名称</span>
<label></label>
<label>{{obj.bankName}}</label>
</div>
<div class="item">
<span>开户行</span>
<label>福国际大厦A座88层市场推广专员2019-11-22</label>
<label>{{obj.bankOpen}}</label>
</div>
<div class="item">
<span>银行卡号</span>
<label></label>
<label>{{obj.bankNo}}</label>
</div>
</div>
</div>
......@@ -27,21 +28,34 @@
<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 {}
export default class wageCardInfo extends Vue {
obj: object = {};
created() {
let params = {
edId: this.$route.query.ed_id
};
this.$server.EmployeeService.getWageCardInfo(params)
.then(res => {
// console.log("res=" + JSON.stringify(res));
this.obj = res;
})
.catch(error => {});
}
}
</script>
<style lang="less" scoped>
.content {
margin-top: 10px;
background: white;
.header {
height: 50px;
display: flex;
......@@ -57,6 +71,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/components/archives/workExperience.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,21 +32,35 @@
<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 {}
export default class workExperience extends Vue {
obj: object = {};
created() {
let params = {
edId: this.$route.query.ed_id
};
// this.$server.EmployeeService.(params)
// .then(res => {
// console.log("res=" + JSON.stringify(res));
// this.obj = res;
// })
// .catch(error => {});
}
}
</script>
<style lang="less" scoped>
.content {
margin-top: 10px;
background: white;
.header {
height: 50px;
display: flex;
......@@ -61,6 +76,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/components/archives/workInfo.vue
......@@ -3,7 +3,6 @@
<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">
......@@ -16,15 +15,15 @@
</div>
<div class="item">
<span>工作地点</span>
<label>福国际大厦A座88层市场推广专员2019-11-22</label>
<label></label>
</div>
<div class="item">
<span>工作职位</span>
<label></label>
<label>{{obj.position}}</label>
</div>
<div class="item">
<span>入职时间</span>
<label></label>
<label>{{obj.workStartDate}}</label>
</div>
</div>
</div>
......@@ -32,22 +31,26 @@
<script lang="ts">
import Vue from "vue";
import { Icon } from 'vant';
import { Icon } from "vant";
import { Component } from "vue-property-decorator";
@Component({
components:{
[Icon.name]: Icon
}
components: {
[Icon.name]: Icon
}
})
export default class workInfo extends Vue {
obj:object={}
created() {
let params = {
edId: 1
edId: this.$route.query.ed_id
};
this.$server.EmployeeService.getWorkInfoDetail(params).then(res => {
// console.log(res);
});
console.log("res="+JSON.stringify(res))
this.obj=res
}).catch(error=>{
})
}
}
</script>
......@@ -55,6 +58,7 @@ export default class workInfo extends Vue {
<style lang="less" scoped>
.content {
margin-top: 10px;
background: white;
.header {
height: 50px;
display: flex;
......@@ -70,7 +74,7 @@ export default class workInfo extends Vue {
font-weight: 500;
color: rgba(61, 64, 71, 1);
}
i{
i {
margin: 0 20px 0 auto;
}
}
......
src/main.ts
......@@ -4,11 +4,11 @@ import router from './router'
import store from './store'
import 'amfe-flexible/index.js'
import server from '@/services/install'
import FastClick from 'fastclick'
// import FastClick from 'fastclick'
import '@/assets/css/index.less'
Vue.config.productionTip = false;
FastClick.attach(document.body);
// FastClick.attach(document.body);
Vue.use(server)
new Vue({
......
src/servicesImpl/employee/employeeImpl.ts
......@@ -143,7 +143,7 @@ class EmployeeService implements EmployeeInterface {
* @param params 请求参数
*/
public getWageCardInfo(params: any): Promise<any> {
let url = urls.employeeUrl + `/api/user/contact/${params.edId}/salary/card/info`;
let url = urls.employeeUrl + `/api/user/employee/${params.edId}/salary/card/info`;
return request.get(url, params, this.header)
}
......
src/views/Archives.vue
<template>
<div>
<div class="main">
<work-info />
<person-info />
<contact-info />
......@@ -8,36 +8,52 @@
<edu-experience />
<work-experience />
<teachnology-experience />
<archive-question />
<div class="saveBtn">
<van-button type="primary" block>提交信息</van-button>
</div>
</div>
</template>
<script lang="ts">
import Vue from "vue";
import { Button} from "vant";
import { Component } from "vue-property-decorator";
import workInfo from "@/components/archives/workInfo.vue";
import personInfo from "@/components/archives/personInfo.vue";
import contactInfo from "@/components/archives/contactInfo.vue";
import socialInfo from "@/components/archives/socialInfo.vue";
import wageCardInfo from "@/components/archives/wageCardInfo.vue";
import eduExperience from "@/components/archives/eduExperience.vue"
import workExperience from "@/components/archives/workExperience.vue"
import teachnologyExperience from "@/components/archives/technologyExperience.vue"
import eduExperience from "@/components/archives/eduExperience.vue";
import workExperience from "@/components/archives/workExperience.vue";
import teachnologyExperience from "@/components/archives/technologyExperience.vue";
import archiveQuestion from "@/components/archives/archiveQuestion.vue";
@Component({
name: "Archives",
components: {
workInfo,
personInfo,
contactInfo,
socialInfo,
wageCardInfo,
eduExperience,
workExperience,
teachnologyExperience
workInfo,
personInfo,
contactInfo,
socialInfo,
wageCardInfo,
eduExperience,
workExperience,
teachnologyExperience,
archiveQuestion,
[Button.name]: Button
}
})
export default class archives extends Vue {}
</script>
<style lang="less" scoped>
.main {
background: #f5f7fa;
.saveBtn{
margin-top: 10px;
color: white !important;
font-size: 18px;
}
}
</style>
\ No newline at end of file
src/views/ChooseCompany.vue
<template>
<div class="main main-company" id="main_company">
<div class="company-item-box">
<p class="company-name" coId="id">full_name</p>
<p class="company-name" coId="id"></p>
<img src="../assets/images/right_arrow.png" alt="进入派遣公司" title="进入派遣公司" />
</div>
</div>
</template>
<script>
<script lang="ts">
import "../assets/css/labor.css";
export default {};
import Vue from "vue";
import { Icon } from 'vant';
import { Component } from "vue-property-decorator";
@Component({
components:{
[Icon.name]: Icon
}
})
export default class workInfo extends Vue {
created() {
let params = {
idNo: this.$route.query.idNo
};
this.$server.EmployeeService.getDispatchList(params).then(res => {
console.log(res);
});
}
}
</script>
<style lang="less">
......
src/views/Index.vue
......@@ -80,12 +80,21 @@ export default class Index extends Vue {
private position: string = "";
private entry_date: string = "";
private id_no: string = "";
private ed_id: string = "";
private ed_id: string = "8";
created() {
const id_no = this.$route.query.id_no as string;
this.id_no = window.atob(encodeURI(id_no));
let params={
spId:1,
idNo:this.$route.query.id_no
}
this.$server.EmployeeService.getDispatchInfo(params).then(res=>{
console.log(res)
}).catch(error=>{
console.log(error)
})
}
}
</script>
......
src/views/SelectIdentity.vue
......@@ -39,6 +39,7 @@ export default class SelectIdentity extends Vue {
private toIndex(): void {
this.$router.push({ name: "Index", query: { id_no: this.id_no } });
// this.$router.push({ name: "ChooseCompany", query: { id_no: this.id_no } });
}
async created() {
......
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