520 lines
12 KiB
JavaScript
520 lines
12 KiB
JavaScript
// case/pages/improveInfo/improveInfo.js
|
|
// case/pages/register/register.js
|
|
import {throttle} from "../../../utils/util"
|
|
import {hostConfig} from "../../../utils/config"
|
|
import {getArea,getHospital,getOfficeList,getPosition,needInfo,modifyInfo} from "../../../api/api"
|
|
import {base64src} from "../../../utils/base64ToImg"
|
|
const host=hostConfig().host;
|
|
const app=getApp();
|
|
Page({
|
|
/**
|
|
* 页面的初始数据
|
|
*/
|
|
data: {
|
|
showSuccess:false,
|
|
img_host:app.hostConfig().imghost,
|
|
showArea:false,
|
|
areaColumns:[
|
|
{
|
|
values: [1,2],
|
|
className: 'column1',
|
|
},
|
|
{
|
|
values: [3,4],
|
|
className: 'column2',
|
|
defaultIndex: 0
|
|
},
|
|
],
|
|
hospitalColumns:[],
|
|
officeColumns:[],
|
|
positionColumns:[],
|
|
showHospital:false,
|
|
showOffice:false,
|
|
showPosition:false,
|
|
fileList:[],
|
|
disabled:false,
|
|
county_id:'',
|
|
hospital_name:'',
|
|
hospital_uuid:'',
|
|
mobile:'',
|
|
name:'',
|
|
uuid:'',
|
|
office_name:'',
|
|
office_uuid:'',
|
|
password:'',
|
|
position_uuid:'',
|
|
certificate:'',
|
|
certificate_img:'',
|
|
codeActive:true,
|
|
msg:'获取验证码',
|
|
captchaUuid:'',
|
|
captchaCode:'',
|
|
loginDevice:5,
|
|
imgCode:'',
|
|
sms:'',
|
|
timer:null,
|
|
time:59,
|
|
smsType:1,
|
|
showCrop:false,
|
|
width: 250, //宽度
|
|
height: 250, //高度
|
|
max_width: 300,
|
|
max_height: 300,
|
|
disable_rotate: true, //是否禁用旋转
|
|
disable_ratio: false, //锁定比例
|
|
limit_move: true, //是否限制移动
|
|
},
|
|
closeCrop(){
|
|
this.setData({
|
|
showCrop:false
|
|
})
|
|
},
|
|
submit() {
|
|
this.setData({
|
|
showCrop:false
|
|
})
|
|
this.cropper.getImg((obj) => {
|
|
this.uploadImg(obj)
|
|
});
|
|
},
|
|
cropperload(e) {
|
|
console.log('cropper加载完成');
|
|
},
|
|
initCrop(options){
|
|
|
|
this.cropper = this.selectComponent("#image-cropper");
|
|
|
|
|
|
|
|
if(options.imgSrc){
|
|
this.setData({
|
|
src: options.imgSrc
|
|
});
|
|
}
|
|
|
|
// if(!options.imgSrc){
|
|
// this.cropper.upload(); //上传图片
|
|
// }
|
|
},
|
|
loadimage(e) {
|
|
this.cropper.imgReset();
|
|
},
|
|
onConfirmSuccess(){
|
|
this.setData({
|
|
showSuccess:false
|
|
})
|
|
app.method.navigateTo({
|
|
url:"/case/pages/mobileLogin/mobileLogin"
|
|
})
|
|
},
|
|
opeArea(){
|
|
this.setData({
|
|
showArea:true
|
|
})
|
|
},
|
|
openOffice(){
|
|
this.setData({
|
|
showOffice:true,
|
|
})
|
|
},
|
|
openPosition(){
|
|
this.setData({
|
|
showPosition:true,
|
|
})
|
|
},
|
|
onChange(e){
|
|
const {value} = e.detail;
|
|
|
|
const {id}=e.currentTarget.dataset;
|
|
// console.log(value,id)
|
|
this.setData({
|
|
[id]: value
|
|
});
|
|
},
|
|
onChangeArea(event){
|
|
const { picker, value, index } = event.detail;
|
|
const provinceId=value[0].id;
|
|
this.handleGetArea(provinceId)
|
|
},
|
|
confirmArea(event){
|
|
const {value} = event.detail;
|
|
const countyId=value[1].id;
|
|
this.setData({
|
|
county_id:countyId,
|
|
showArea:false
|
|
});
|
|
this.handleGetHospital(countyId)
|
|
},
|
|
cancelArea(){
|
|
this.setData({
|
|
showArea:false
|
|
})
|
|
},
|
|
confirmHospital(event){
|
|
let {value}=event.detail;
|
|
this.setData({
|
|
showHospital:false,
|
|
hospital_uuid:value.uuid,
|
|
hospital_name:value.name
|
|
})
|
|
},
|
|
cancelHospital(){
|
|
this.setData({
|
|
showHospital:false
|
|
})
|
|
},
|
|
confirmOffice(event){
|
|
let {value}=event.detail;
|
|
|
|
this.setData({
|
|
office_name:value.officeName,
|
|
office_uuid:value.officeUuid,
|
|
showOffice:false
|
|
})
|
|
},
|
|
cancelOffice(){
|
|
this.setData({
|
|
showOffice:false
|
|
})
|
|
},
|
|
confirmPosition(event){
|
|
let {value}=event.detail;
|
|
this.setData({
|
|
position_uuid:value.uuid,
|
|
position_name:value.name,
|
|
showPosition:false
|
|
})
|
|
},
|
|
cancelPosition(){
|
|
this.setData({
|
|
showPosition:false
|
|
})
|
|
},
|
|
|
|
|
|
handleNeedInfo(){
|
|
let {mobile,positionColumns}=this.data;
|
|
needInfo(mobile).then(res=>{
|
|
let {certificate,certificate_img,county_id,hospital_name,hospital_uuid,name,office_name,office_uuid,position_uuid,uuid}=res;
|
|
let arr= positionColumns.filter((item)=>item.uuid==position_uuid);
|
|
console.log(arr);
|
|
this.setData({
|
|
certificate,
|
|
county_id,
|
|
certificate_img,
|
|
hospital_name,
|
|
hospital_uuid,
|
|
name,
|
|
position_name:arr.length>0?arr[0].name:'',
|
|
office_name,
|
|
office_uuid,
|
|
position_uuid,
|
|
uuid
|
|
})
|
|
})
|
|
},
|
|
handleModifyInfo:throttle(function(){
|
|
let {certificate,certificate_img,county_id,hospital_name,hospital_uuid,name,office_name,office_uuid,position_uuid,uuid}=this.data;
|
|
if(!(/^[\u4E00-\u9FA5·]{2,20}$/.test(name))){
|
|
wx.showToast({
|
|
title: `请输入您的真实姓名`,
|
|
icon: 'none',
|
|
});
|
|
return false;
|
|
};
|
|
if(!hospital_uuid){
|
|
wx.showToast({
|
|
title: `请选择医院`,
|
|
icon: 'none',
|
|
});
|
|
return false;
|
|
}
|
|
if(!office_uuid){
|
|
wx.showToast({
|
|
title: `请选择科室`,
|
|
icon: 'none',
|
|
});
|
|
return false;
|
|
}
|
|
if(!position_uuid){
|
|
wx.showToast({
|
|
title: `请选择职称`,
|
|
icon: 'none',
|
|
});
|
|
return false;
|
|
}
|
|
if(!certificate_img){
|
|
wx.showToast({
|
|
title: `请上传执业医师资格证或工作胸牌`,
|
|
icon: 'none',
|
|
});
|
|
return false;
|
|
}
|
|
modifyInfo({
|
|
certificate,
|
|
certificate_img,
|
|
county_id,
|
|
hospital_name,
|
|
hospital_uuid,
|
|
name,
|
|
office_name,
|
|
office_uuid,
|
|
position_uuid,
|
|
uuid
|
|
}).then(res=>{
|
|
this.setData({
|
|
showSuccess:true,
|
|
})
|
|
})
|
|
}),
|
|
handleGetArea(id){
|
|
getArea({
|
|
parent:id
|
|
}).then(res=>{
|
|
if(id){
|
|
let obj='areaColumns[1].values';
|
|
this.setData({
|
|
[obj]:res
|
|
})
|
|
}else{
|
|
let obj='areaColumns[0].values';
|
|
this.setData({
|
|
[obj]:res
|
|
})
|
|
this.handleGetArea(res[0].id)
|
|
}
|
|
|
|
}).catch(error=>{
|
|
console.log(error)
|
|
})
|
|
},
|
|
handleGetHospital(countyId){
|
|
getHospital(countyId).then(res=>{
|
|
this.setData({
|
|
showHospital:true,
|
|
hospitalColumns:res.concat({uuid:1,name:'其他医院'})
|
|
})
|
|
})
|
|
},
|
|
handleGetOffice(){
|
|
getOfficeList({}).then(res=>{
|
|
this.setData({
|
|
officeColumns:res
|
|
})
|
|
}).catch(error=>{
|
|
console.log(error)
|
|
})
|
|
},
|
|
handleGetPosition(){
|
|
getPosition().then(res=>{
|
|
this.setData({
|
|
positionColumns:res
|
|
})
|
|
this.handleNeedInfo();
|
|
})
|
|
},
|
|
handleSmsRegister:throttle(function(){
|
|
let {name,password,hospital_uuid,hospital_name,office_name,office_uuid,position_uuid,certificate,certificate_img,county_id}=this.data;
|
|
if(!(/^[\u4E00-\u9FA5·]{2,20}$/.test(name))){
|
|
wx.showToast({
|
|
title: `请输入您的真实姓名`,
|
|
icon: 'none',
|
|
});
|
|
return false;
|
|
}
|
|
smsRegister({
|
|
|
|
name,
|
|
hospital_uuid,
|
|
hospital_name,
|
|
office_name,
|
|
office_uuid,
|
|
county_id,
|
|
position_uuid,
|
|
certificate,
|
|
certificate_img
|
|
}).then(res=>{
|
|
this.setData({
|
|
showSuccess:true,
|
|
})
|
|
})
|
|
}),
|
|
handleThrottle:throttle(function(){
|
|
this.getCode()
|
|
}),
|
|
handleGetCaptcha(){
|
|
getCaptcha().then(res=>{
|
|
base64src(res.captchaBase64Image,(img)=>{
|
|
this.setData({
|
|
imgCode:img,
|
|
captchaUuid:res.captchaUuid
|
|
})
|
|
})
|
|
})
|
|
},
|
|
getCode(){
|
|
if(this.data.disabled)return;
|
|
let {mobile,captchaCode,captchaUuid,loginDevice,smsType}=this.data;
|
|
if(!/^1[3456789]\d{9}$/.test(mobile)){
|
|
wx.showToast({
|
|
title: `请输入有效的手机号码！`,
|
|
icon: 'none',
|
|
});
|
|
return false;
|
|
};
|
|
if(!captchaCode){
|
|
wx.showToast({
|
|
title: `图形验证码不能为空`,
|
|
icon: 'none',
|
|
});
|
|
return false;
|
|
}
|
|
sendSms({
|
|
mobile,
|
|
captchaCode,
|
|
captchaUuid,
|
|
smsType,
|
|
loginDevice
|
|
}).then((res)=>{
|
|
let timer=setInterval(() => {
|
|
if (this.data.time == 0) {
|
|
clearInterval(this.data.timer);
|
|
this.setData({
|
|
time:59,
|
|
msg:'重新获取验证码',
|
|
disabled:false,
|
|
codeActive:true,
|
|
})
|
|
} else {
|
|
let msg= this.data.time + " s 后重新发送";
|
|
this.setData({
|
|
disabled:true,
|
|
msg:msg,
|
|
codeActive:false,
|
|
})
|
|
let time=this.data.time--;
|
|
this.setData({
|
|
msg:time + " s 后重新发送"
|
|
})
|
|
}
|
|
}, 1000);
|
|
|
|
this.setData({
|
|
timer:timer
|
|
})
|
|
}).catch(()=>{
|
|
this.handleGetCaptcha();
|
|
});
|
|
|
|
},
|
|
uploadImg(file){
|
|
let THIS=this;
|
|
wx.showLoading({
|
|
title: '图片上传中',
|
|
mask: true
|
|
})
|
|
|
|
// 当设置 mutiple 为 true 时, file 为数组格式，否则为对象格式
|
|
wx.uploadFile({
|
|
url: host+'/user/uoloadImg', // 仅为示例，非真实的接口地址
|
|
filePath: file.url,
|
|
name: 'file',
|
|
formData: file,
|
|
success(res) {
|
|
let result=JSON.parse(res.data);
|
|
|
|
if(result.code==200){
|
|
wx.hideLoading();
|
|
THIS.setData({
|
|
certificate_img:result.data
|
|
});
|
|
}else{
|
|
wx.hideLoading();
|
|
wx.showToast({
|
|
title:result.msg,
|
|
icon:'none'
|
|
})
|
|
}
|
|
|
|
},
|
|
complete(res){
|
|
console.log(res)
|
|
}
|
|
});
|
|
},
|
|
afterRead(event) {
|
|
const {
|
|
file
|
|
} = event.detail;
|
|
this.setData({
|
|
showCrop:true,
|
|
src:file.url
|
|
})
|
|
|
|
},
|
|
/**
|
|
* 生命周期函数--监听页面加载
|
|
*/
|
|
onLoad(options) {
|
|
if(options.mobile){
|
|
this.setData({
|
|
mobile:options.mobile
|
|
})
|
|
}
|
|
//this.handleGetCaptcha();
|
|
this.handleGetArea('');
|
|
this.handleGetOffice();
|
|
this.handleGetPosition();
|
|
this.initCrop(options);
|
|
|
|
},
|
|
|
|
/**
|
|
* 生命周期函数--监听页面初次渲染完成
|
|
*/
|
|
onReady() {
|
|
|
|
},
|
|
|
|
/**
|
|
* 生命周期函数--监听页面显示
|
|
*/
|
|
onShow() {
|
|
|
|
},
|
|
|
|
/**
|
|
* 生命周期函数--监听页面隐藏
|
|
*/
|
|
onHide() {
|
|
|
|
},
|
|
|
|
/**
|
|
* 生命周期函数--监听页面卸载
|
|
*/
|
|
onUnload() {
|
|
|
|
},
|
|
|
|
/**
|
|
* 页面相关事件处理函数--监听用户下拉动作
|
|
*/
|
|
onPullDownRefresh() {
|
|
|
|
},
|
|
|
|
/**
|
|
* 页面上拉触底事件的处理函数
|
|
*/
|
|
onReachBottom() {
|
|
|
|
},
|
|
|
|
/**
|
|
* 用户点击右上角分享
|
|
*/
|
|
// onShareAppMessage() {
|
|
|
|
// }
|
|
}) |