提交 3e0c95ca authored 作者: xuyanwei's avatar xuyanwei

必填

......@@ -10,6 +10,8 @@
</template>
<script>
import store from "../store";
export default {
name: 'HelloWorld',
props:['isColl'],
......@@ -23,8 +25,10 @@
methods: {
backBtn(){
if(this.$route.name=='myCompletion'){
this.$router.push('/');
return
if(this.$store.state.isFirstLogin==1){
next('/')
return
}
}
this.$router.go(-1);
},
......
......@@ -32,7 +32,7 @@ let router = new Router({
name: 'business',
/*meta:'在线经办',*/
meta: {
title: "在线经办",
title: "业务经办",
keepAlive: true, //此组件需要被缓存
isBack:false, //用于判断上一个页面是哪个
/*isLogin: true*/
......@@ -63,7 +63,9 @@ let router = new Router({
{
path: '/myCompletion',
name: 'myCompletion',
meta:'补全个人信息',
meta:{
title:`补全个人信息`,
},
component: () => import('@/views/completion/index.vue'),
},
{
......
......@@ -59,7 +59,7 @@ export default {
getPathAPI({fileName:this.videoAndPdf}).then(res => {
if (res.data.status) {
this.pdfAndPath=res.data.data;
this.iframeHtml= `<iframe src='/static/pdf/web/viewer.html?file=${this.domain}/${this.pdfAndPath}' frameborder='0' width='100%' height='100%'></iframe>`
this.iframeHtml= `<iframe src='/static/pdf/web/viewer.html?file=${this.domain}/file/${this.pdfAndPath}' frameborder='0' width='100%' height='100%'></iframe>`
toastPage.clear();
}
})
......
......@@ -6,24 +6,24 @@
<li>
<h1>单位级别</h1>
<div class="unit">
<h2 :class="curUnit==1&&'activeH2'" @click="curUnit=1">部署单位</h2>
<h2 :class="curUnit==2&&'activeH2'" @click="curUnit=2">地方</h2>
<h2 :class="curUnit==1&&'activeH2'" @click="unitType(1)">部署单位</h2>
<h2 :class="curUnit==2&&'activeH2'" @click="unitType(2)">地方</h2>
</div>
</li>
<li v-show="curUnit==2">
<li class="required" v-show="curUnit==2">
<h1>所在地区</h1>
<!--<div class="behind" @click="isShow=true,curShow=1">
<h2>北京 北京市 朝阳区</h2>
</div>-->
<div class='behind' @click="cityChecked">
<x-address title="" v-model="value" :list="addressData" placeholder="请选择地址" :show.sync="showAddress" @on-shadow-change='changeAdd' @on-hide="saveAddress">11111</x-address>
<x-address title="" v-model="value" :list="addressData" placeholder="请选择地址" :show.sync="showAddress" @on-shadow-change='changeAdd' @on-hide="saveAddress"></x-address>
</div>
</li>
<li>
<li class="required">
<h1>单位名称</h1>
<div class="behind" @click="isShow=true,curShow=(Number(curUnit)+1)">
<h2>{{curUnit==userMssage.unitLevel?userMssage.unitName:''}}</h2>
<h2>{{curUnit==1?unit1Name:unit2Name}}</h2>
</div>
</li>
</ul>
......@@ -58,7 +58,8 @@
<!--用户名弹出框-->
<div class="unitName" v-if="curShow==3">
<input type="text" placeholder="在此输入单位名称" v-model="unit.unit2Name">
<input type="text" placeholder="在此输入单位名称" v-model="unit.unit2Name" maxlength="200">
<i v-if="isRealname">请输入单位名称</i>
<ul>
<li @click="isShow=false,curShow=null">取消</li>
<li @click="changeUnit">确定</li>
......@@ -76,6 +77,7 @@
name: 'HelloWorld',
data() {
return {
isRealname:false,
isShow:false,
unitList:[],
curShow:1,
......@@ -88,7 +90,11 @@
name:'',
unit2Name:'',
},
userMssage:{},
userMssage:{
unitLevel:1,
},
unit1Name:'',
unit2Name:'',
}
},
components: {
......@@ -103,7 +109,15 @@
this.getDepartList();
this.getUserMessage();
},
watch: {},
watch: {
'unit.unit2Name'(n,o){
if(this.unit.unit2Name==''){
this.isRealname=true;
}else{
this.isRealname=false;
}
},
},
methods: {
/*获取部门列表*/
getDepartList(){
......@@ -119,6 +133,11 @@
if(res.data.status){
this.userMssage=res.data.data;
this.curUnit=this.userMssage.unitLevel||1;
if(this.userMssage.unitLevel==2){
this.unit2Name=this.userMssage.unitName;
}else{
this.unit1Name=this.userMssage.unitName;
}
if(this.userMssage.province!=''&&this.userMssage.province!=null&&this.userMssage.reserve10){
this.value=JSON.parse(res.data.data.reserve10);
}
......@@ -144,6 +163,10 @@
this.curShow=null;
},
changeUnit(){
if(this.unit.unit2Name==''||this.unit.unit2Name==null){
this.isRealname=true;
return
}
this.saveFn(2);
},
saveFn(n){
......@@ -162,6 +185,9 @@
data.area=this.unit.area;
data.reserve10=this.unit.reserve10;
}
if(data.reserve3!=''&&data.reserve3){
data.reserve3=new Date().getFullYear()-Number(this.userMssage.reserve3)+1;
}
console.log(data)
saveUsermessageAPI(data).then(res=>{
if(res.data.status){
......@@ -169,6 +195,7 @@
this.isShow=false;
if(n==1||n==2){
this.userMssage.unitName=this.curUnit==1?this.unit.name:this.unit.unit2Name;
this.curUnit==1?this.unit1Name=this.unit.name:this.unit2Name=this.unit.unit2Name;
}
}
......@@ -193,6 +220,10 @@
changUnit($event){
},
unitType(n){
this.curUnit=n;
/*this.userMssage.unitLevel=n;*/
},
},
}
</script>
......@@ -240,7 +271,7 @@
}
.behind {
display: flex;
justify-content: space-between;
justify-content: flex-end;
align-items: center;
min-width: .8rem;
min-height: .2rem;
......@@ -272,6 +303,17 @@
margin-left: .12rem;
}
}
.required h1{
position: relative;
}
.required h1:before{
content: '*';
position: absolute;
left: -.07rem;
top:.05rem;
color: #f56c6c;
}
}
......@@ -335,7 +377,7 @@
display: flex;
flex-direction: column;
align-items: center;
position: relative;
input {
width: 2.45rem;
height: .4rem;
......@@ -355,7 +397,15 @@
input:-ms-input-placeholder {
color: #D1D1D1;
}
i{
position: absolute;
width: 2.69rem;
font-style: normal;
color: #f56c6c;
font-size: .11rem;
top: .65rem;
left:.21rem;
}
ul {
width: 100%;
......
......@@ -12,25 +12,25 @@
</div>
</li>
<li class="height2">
<li class="height2 required">
<h1>真实姓名</h1>
<div class="behind" @click="curShow=1,isShow=true">
<h2>{{userMssage.realName}}</h2>
</div>
</li>
<li class="height2">
<li class="height2 required">
<h1>年龄</h1>
<div class="behind" @click="curShow=2,isShow=true">
<h2 v-if="userMssage.reserve3">{{userMssage.reserve3}}</h2>
</div>
</li>
<li class="height2">
<li class="height2 required">
<h1>单位名称</h1>
<div class="behind" @click="$router.push('/mychangeUnit')">
<h2 style="text-align: right;">{{userMssage.unitName}}</h2>
</div>
</li>
<li class="heightAuto">
<li class="heightAuto required">
<h1>工作分类</h1>
<div class="behind" @click="curShow=3,isShow=true">
<h2>{{userMssage.reserve2==1?'职业指导人员(市、县级公共就业服务人员)':userMssage.reserve2==null?'':'基层公共就业服务人员(劳动保障协理员)'}}</h2>
......@@ -39,7 +39,7 @@
<li class="height2">
<h1>手机号</h1>
<div class="behind">
<h2>{{userMssage.reserve1}}</h2>
<h2 style="padding-right:.12rem">{{userMssage.reserve1}}</h2>
</div>
</li>
</ul>
......@@ -47,7 +47,8 @@
<div class="cont2" :class="`contUser${curShow}`" v-if="isShow">
<!--用户名弹出框-->
<div class="userName" v-if="curShow==1">
<input type="text" placeholder="在此输入您的真实姓名" v-model="user.realName">
<input type="text" placeholder="在此输入您的真实姓名" v-model="user.realName" maxlength="10">
<i v-if="isRealname">请输入真实姓名</i>
<ul>
<li @click="isShow=false,curShow=null">取消</li>
<li @click="saveFn(1)">确定</li>
......@@ -101,6 +102,7 @@
value:'',
curYear:null,
isShow:false,
isRealname:false,
curShow:3,
curChangYear:null,
unitName:['职业指导人员(市、县级公共就业服务人员)','基层公共就业服务人员','劳动保障协理员','职业指导人员'],
......@@ -129,6 +131,10 @@
"van-list":List
},
created() {
if(this.$route.query.type=='edit'){
console.log(this.$route.meta);
this.$route.meta.title = '修改个人信息';
}
this.curYear=new Date().getFullYear()-100;
this.curChangYear=new Date().getFullYear()-this.curYear-15;
for(let i=this.curYear;i<=new Date().getFullYear();i++){
......@@ -142,19 +148,13 @@
this.getJob();
},
watch: {
curShow(n,o){
/*if(n==2){
/!*console.log(22222,this.$refs[id].offsetTop)*!/
let self=this;
let id='id'+self.curChangYear;
this.$nextTick(()=>{
let winW=document.documentElement.clientWidth;
let winH=winW*51/375;
/!*let curHeight=wind*!/
document.querySelector(".ageMain").scrollTop=winH*69;
})
}*/
'user.realName'(n,o){
if(this.user.realName==''){
console.log('监听年龄');
this.isRealname=true;
}else{
this.isRealname=false;
}
},
},
methods: {
......@@ -257,6 +257,10 @@
saveFn(n){
let data={...this.userMssage};
if(n==1){
if(this.user.realName==''||this.user.realName==null){
this.isRealname=true;
return
}
data.realName=this.user.realName;
}
if(n==2){
......@@ -301,7 +305,7 @@
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
.completion {
background: #f0f2f5;
background: #f2f2f2;
width: 100%;
height: 100%;
......@@ -312,7 +316,7 @@
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 .12rem 0 .14rem;
padding: 0 0rem 0 .14rem;
background: #fff;
margin-bottom: .05rem;
......@@ -330,6 +334,7 @@
min-height: .2rem;
img {
width: .45rem;
height: .45rem;
object-fit: cover;
border-radius: 50%;
object-position: top;
......@@ -350,13 +355,14 @@
}
.behind:after {
width: .07rem;
width: .31rem;
height: .12rem;
display: block;
content: '';
background: url("../../assets/img/my/icon_jiantou.png") no-repeat;
background-size: 100%;
margin-left: .12rem;
background: url("../../assets/img/my/icon_jiantou.png") no-repeat center center;
background-size: contain;
margin: .04rem 0;
}
&:last-child .behind:after {
......@@ -375,7 +381,18 @@
}
.heightAuto {
padding: .12rem .12rem .12rem .14rem;
padding: .12rem 0rem .12rem .14rem;
}
.required h1{
position: relative;
}
.required h1:before{
content: '*';
position: absolute;
left: -.07rem;
top:.05rem;
color: #f56c6c;
}
}
......@@ -396,7 +413,7 @@
display: flex;
flex-direction: column;
align-items: center;
position: relative;
input {
width: 2.45rem;
height: .4rem;
......@@ -416,6 +433,15 @@
input:-ms-input-placeholder {
color: #D1D1D1;
}
i{
position: absolute;
width: 2.69rem;
font-style: normal;
color: #f56c6c;
font-size: .11rem;
top: .65rem;
left:.21rem;
}
ul {
......
......@@ -62,7 +62,8 @@
<style scoped lang="less">
.home {
width: 100%;
height: 100%;
height:100%;
/*max-height: 100%;*/
background: #03BCBE;
.banner {
......@@ -162,6 +163,7 @@
.cont3{
width: 3.35rem;
margin: 0 auto;
padding-bottom: .6rem;
display: flex;
justify-content: space-between;
li{
......
......@@ -93,6 +93,10 @@
if (res.data.code==0) {
this.$store.commit('setToken',res.data.data);
} else {
if(res.data.code==-1){
this.errormsg=res.data.msg;
return
}
let errorM={5010:'手机号不能为空',5011:'验证码不能为空',5012:'验证码已过期',5013:'验证码有误'};
/*验证短验证码 5010:手机号不能为空 5011:验证码不能为空 5012:验证码已过期,请从新获取 5013:验证码有误*/
this.errormsg=errorM[res.data.code];
......@@ -134,20 +138,17 @@
yzPhone() {
if (this.phone == '') {
/*this.errormsg=*/
return '请输入手机号';
} else {
if (this.phone.length == 11) {
return '';
} else {
/* this.errormsg=*/
if (!(/^1[3456789]\d{9}$/.test(this.phone))) {
return '请输入正确的手机号';
} else {
return '';
}
}
},
yzImgCode() {
console.log('图片验证码')
if (this.imgCode == '') {
this.errormsg = '请输入图片验证码';
} else {
......
......@@ -21,7 +21,7 @@
<div class="cont2">
<div class="publicMY">
<img :src="`./static/img/icon5.png`" alt="" class="icon">
<div class="word" @click="$router.push('/myCompletion')">
<div class="word" @click="$router.push({path:'/myCompletion',query:{type:'edit'}})">
<h1>修改个人信息</h1>
<img src="../../assets/img/my/icon_jiantou.png" alt="">
</div>
......@@ -174,7 +174,7 @@
background: #fff;
border-radius: .1rem;
height: 2.16rem;
margin: -.31rem auto 0;
margin: -.35rem auto 0;
li{
list-style: none;
}
......@@ -197,7 +197,7 @@ list-style: none;
.cont3{
width: 3.45rem;
height: .39rem;
margin: .8rem auto 0;
margin: .3rem auto 0;
background: #E3E3E3;
color: #333;
border-radius: .19rem;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论