|
|
@@ -102,18 +102,18 @@
|
|
|
<div slot="title">
|
|
|
<img src="/static/image/workercard/banner.png">
|
|
|
</div>
|
|
|
- <i-form :model="formdata" :label-width="80">
|
|
|
- <Form-item label="手机号" v-if="!isedit">
|
|
|
+ <i-form :model="formdata" :label-width="80" :rules="formRule" ref="editform">
|
|
|
+ <Form-item label="手机号" v-if="!isedit" prop="telno">
|
|
|
<i-input v-model="formdata.telno" placeholder="请输入手机号"></i-input>
|
|
|
</Form-item>
|
|
|
- <Form-item label="手机号" v-else>
|
|
|
+ <Form-item label="手机号" prop="telno" v-else>
|
|
|
{{formdata.telno}}
|
|
|
</Form-item>
|
|
|
<div id="editform">
|
|
|
- <Form-item label="姓名">
|
|
|
+ <Form-item label="姓名" prop="name">
|
|
|
<i-input v-model="formdata.name" placeholder="请输入姓名"></i-input>
|
|
|
</Form-item>
|
|
|
- <Form-item label="工种">
|
|
|
+ <Form-item label="工种" prop="work_type">
|
|
|
<i-input v-model="formdata.work_type" placeholder="请输入工种"></i-input>
|
|
|
</Form-item>
|
|
|
<Form-item label="工种标签" >
|
|
|
@@ -121,10 +121,10 @@
|
|
|
<i-option v-for="(item,key) in worktypeonelabel" :value="item.label" :key="item.id">{{ item.label }}</i-option>
|
|
|
</i-select>
|
|
|
</Form-item>
|
|
|
- <Form-item label="年龄">
|
|
|
+ <Form-item label="年龄" prop="age">
|
|
|
<Input-number :max="100" :min="17" v-model="formdata.age"></Input-number>
|
|
|
</Form-item>
|
|
|
- <Form-item label="籍贯">
|
|
|
+ <Form-item label="籍贯" prop="native">
|
|
|
<i-input v-model="formdata.native" placeholder="请输入籍贯"></i-input>
|
|
|
</Form-item>
|
|
|
<Form-item label="工作地区">
|
|
|
@@ -133,8 +133,8 @@
|
|
|
<Form-item label="交通工具">
|
|
|
<i-input v-model="formdata.traffic_tools" placeholder="请输入交通工具"></i-input>
|
|
|
</Form-item>
|
|
|
- <Form-item label="备注">
|
|
|
- <i-input type="textarea" v-model="formdata.note" placeholder="请输入备注"></i-input>
|
|
|
+ <Form-item label="工作经历" prop="note">
|
|
|
+ <i-input type="textarea" v-model="formdata.note" placeholder="请输入工作经历"></i-input>
|
|
|
</Form-item>
|
|
|
<Form-item label="图片上传" v-if="!issavingloading&&!issavingimg">
|
|
|
<div id="images">
|
|
|
@@ -209,6 +209,11 @@
|
|
|
<Button type="error" size="large" long @click="handleRemove2">删除</Button>
|
|
|
</div>
|
|
|
</Modal>
|
|
|
+ <Modal v-model="showerrormsg" >
|
|
|
+ <p style="color:#f60;text-align:center">
|
|
|
+ 用户图片最少有{{minimgs}}张,还需要再上传{{imgcounterror.diff}}张，便可保存
|
|
|
+ </p>
|
|
|
+ </Modal>
|
|
|
</div>
|
|
|
<script>
|
|
|
var sharedata = {php}echo json_encode($sharedata);{/php};
|
|
|
@@ -257,7 +262,7 @@
|
|
|
issavingimg:false,
|
|
|
formdata:{
|
|
|
name:"",
|
|
|
- age:17,
|
|
|
+ age:18,
|
|
|
telno:'',
|
|
|
work_type:'',
|
|
|
region:'',
|
|
|
@@ -282,11 +287,36 @@
|
|
|
del2:false,
|
|
|
del_file:false,
|
|
|
del_imgurl:false,
|
|
|
+ minimgs:3,
|
|
|
+ showerrormsg:false,
|
|
|
+ imgcounterror:{},
|
|
|
+ formRule: {
|
|
|
+ telno: [
|
|
|
+ { type: 'string', required: true, pattern: /^1[3456789]{1}\d{9}$/, message: '手机号错误', trigger: 'blur' }
|
|
|
+ ],
|
|
|
+ name:[
|
|
|
+ { type: 'string', required: true, message: '姓名必填', trigger: 'blur' }
|
|
|
+ ],
|
|
|
+ age:[
|
|
|
+ { type: 'integer', required: true, min:18,max:80, message: '年龄最小18最大80', trigger: 'blur' }
|
|
|
+ ],
|
|
|
+ native:[
|
|
|
+ { type: 'string', required: true, message: '籍贯必填', trigger: 'blur' }
|
|
|
+ ],
|
|
|
+ work_type:[
|
|
|
+ { type: 'string', required: true, message: '工种必填', trigger: 'blur' }
|
|
|
+ ],
|
|
|
+ note:[
|
|
|
+ {type: 'string', required: true,min: 10, message: '工作经历,最少10个字', trigger: 'blur' }
|
|
|
+ ]
|
|
|
+ },
|
|
|
},
|
|
|
watch: {
|
|
|
'formdata.telno' (newValue, old) {
|
|
|
//获取用户信息
|
|
|
- this.getinfobytelno(newValue)
|
|
|
+ if(newValue.length==11){
|
|
|
+ this.getinfobytelno(newValue)
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
@@ -350,22 +380,27 @@
|
|
|
title: '文件格式不正确',
|
|
|
desc: '文件 ' + file.name + ' 格式不正确，请上传 jpg 或 png 格式的图片。'
|
|
|
});
|
|
|
+ this.issavingloading=false
|
|
|
+ this.issavingimg=false
|
|
|
},
|
|
|
handleMaxSize (file) {
|
|
|
this.$Notice.warning({
|
|
|
title: '超出文件大小限制',
|
|
|
desc: '文件 ' + file.name + ' 太大，不能超过 2M。'
|
|
|
});
|
|
|
+ this.issavingloading=false
|
|
|
+ this.issavingimg=false
|
|
|
},
|
|
|
handleBeforeUpload () {
|
|
|
const check = this.uploadList.length < 5;
|
|
|
if (!check) {
|
|
|
this.$Notice.warning({
|
|
|
- title: '最多只能上传 5 张图片。'
|
|
|
+ title: '最多只能上传 5 张图片'
|
|
|
});
|
|
|
}
|
|
|
this.$Message.loading('图片上传中', 0);
|
|
|
this.issavingimg=true;
|
|
|
+ this.issavingloading=false
|
|
|
return check;
|
|
|
},
|
|
|
getinfobytelno(telno){
|
|
|
@@ -383,7 +418,11 @@
|
|
|
//console.log(res);
|
|
|
if(200!=res.code){
|
|
|
if(res.code<0){
|
|
|
+ var data =res.data
|
|
|
that.isedit =false;
|
|
|
+ if(data.userid>0){
|
|
|
+ this.userid = data.userid;
|
|
|
+ }
|
|
|
}else{
|
|
|
that.$Notice.error({
|
|
|
title: res.msg
|
|
|
@@ -395,6 +434,7 @@
|
|
|
that.userid = that.formdata.user_id;
|
|
|
//查询素材图片
|
|
|
that.getimglist();
|
|
|
+ that.$refs['editform'].validate();
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
@@ -436,9 +476,46 @@
|
|
|
});
|
|
|
},
|
|
|
saveinfo(){
|
|
|
- this.issavingloading = true;
|
|
|
- //保存用户信息
|
|
|
+ this.$refs['editform'].validate((valid) => {
|
|
|
+ if(valid){
|
|
|
+ //保存用户信息
|
|
|
+ var that = this;
|
|
|
+ var counturl= this.url_host+"/workercardv1/getcountimgbyuserid";
|
|
|
+ var minimgs = this.minimgs
|
|
|
+ var num = this.uploadList.length
|
|
|
+ var data={
|
|
|
+ userid:this.userid,
|
|
|
+ num:num
|
|
|
+ }
|
|
|
+ $.ajax({
|
|
|
+ type: 'POST',
|
|
|
+ url: counturl,
|
|
|
+ data:data,
|
|
|
+ dataType: "json",
|
|
|
+ success: function(res){
|
|
|
+ if(200!=res.code){
|
|
|
+ that.$Notice.error({
|
|
|
+ title: res.msg
|
|
|
+ });
|
|
|
+ }else{
|
|
|
+ var count = res.data;
|
|
|
+ var diff = minimgs - count;
|
|
|
+ console.log(diff,count,minimgs)
|
|
|
+ if(diff>0){
|
|
|
+ that.imgcounterror.diff = diff;
|
|
|
+ that.showerrormsg=true
|
|
|
+ }else{
|
|
|
+ that.saveinfo2();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ saveinfo2(){
|
|
|
var that = this;
|
|
|
+ this.issavingloading = true;
|
|
|
var url= this.url_host+"/workercardv1/savewcidinfoforweb";
|
|
|
var data =this.formdata;
|
|
|
$.ajax({
|
