|
|
<template>
|
|
|
<view>
|
|
|
<form @submit.stop.prevent="beforeFormSubmit">
|
|
|
<view style="padding-bottom: 120px">
|
|
|
<view class="quickapply mt10" @click.stop="chooseIdCard">
|
|
|
<view class="upload">
|
|
|
<view class="t-icon t-icon-paizhao"></view>
|
|
|
<view size="mini" class="info">
|
|
|
<view class="" hover-class="none" :hover-stop-propagation="false">拍照或相册上传</view>
|
|
|
<view class="" hover-class="none" :hover-stop-propagation="false">系统智能识别并自动填写</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="idCardPreview" style="display: flex; align-items: center; justify-content: flex-end" hover-class="none" :hover-stop-propagation="false">
|
|
|
<image
|
|
|
class=""
|
|
|
v-if="currentImg"
|
|
|
:src="currentImg"
|
|
|
mode="aspectFit|aspectFill|widthFix"
|
|
|
:lazy-load="false"
|
|
|
@error=""
|
|
|
@load=""
|
|
|
@click.stop="showImg"
|
|
|
></image>
|
|
|
<view class="t-icon t-icon-gengduo111" hover-class="none" :hover-stop-propagation="false" style="width: 18px; height: 18px" v-else></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<view class="weui-cells__group weui-cells__group_form mt10">
|
|
|
<view class="weui-cells weui-cells_form" style="margin-top: 0">
|
|
|
<view class="weui-cell">
|
|
|
<view class="weui-cell__hd">
|
|
|
<label class="weui-label c085">联系电话</label>
|
|
|
</view>
|
|
|
<view class="weui-cell__bd">
|
|
|
<input
|
|
|
class="weui-input"
|
|
|
type="number"
|
|
|
name="tel"
|
|
|
@input="bothwayBind"
|
|
|
data-type="tel"
|
|
|
:value="userInfo.tel"
|
|
|
placeholder="请输入电话"
|
|
|
placeholder-class="input__placeholder"
|
|
|
/>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<view class="weui-cells__group weui-cells__group_form">
|
|
|
<view class="weui-cells weui-cells_form" style="margin-top: 0">
|
|
|
<!-- <view class="weui-cell">
|
|
|
<view class="weui-cell__hd">
|
|
|
<label class="weui-label c085">联系电话</label>
|
|
|
</view>
|
|
|
<view class="weui-cell__bd">
|
|
|
<input class="weui-input" type="number" name="tel" bindinput="bothwayBind" data-type='tel' value="{{userInfo.tel}}" placeholder="请输入电话" placeholder-class="input__placeholder" />
|
|
|
</view>
|
|
|
</view> -->
|
|
|
<view class="weui-cell">
|
|
|
<view class="weui-cell__hd">
|
|
|
<label class="weui-label c085">
|
|
|
<text class="cfred">*</text>
|
|
|
姓名
|
|
|
</label>
|
|
|
</view>
|
|
|
<view class="weui-cell__bd">
|
|
|
<input
|
|
|
class="weui-input"
|
|
|
type="text"
|
|
|
name="userName"
|
|
|
@input="bothwayBind"
|
|
|
data-type="name"
|
|
|
:value="userInfo.name"
|
|
|
placeholder="请输入姓名"
|
|
|
placeholder-class="input__placeholder"
|
|
|
/>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="weui-cell">
|
|
|
<view class="weui-cell__hd">
|
|
|
<label class="weui-label c085">
|
|
|
<text class="cfred">*</text>
|
|
|
性别
|
|
|
</label>
|
|
|
</view>
|
|
|
<view class="weui-cell__bd">
|
|
|
<radio-group @change="radioChange" name="sex" class="fr radiogroup">
|
|
|
<view class="dib" v-for="(item, index) in sex" :key="index">
|
|
|
<radio :value="item.id" color="#ff4400" :checked="item.checked" style="transform: scale(0.8); margin-right: 4px">
|
|
|
<view class="dib f20" style="margin-left: 4px">{{ item.value }}</view>
|
|
|
</radio>
|
|
|
</view>
|
|
|
</radio-group>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="weui-cell">
|
|
|
<view class="weui-cell__hd">
|
|
|
<label class="weui-label c085">
|
|
|
<text class="cfred">*</text>
|
|
|
年龄
|
|
|
</label>
|
|
|
</view>
|
|
|
<view class="weui-cell__bd">
|
|
|
<!-- <input class="weui-input" type="number" name="age" bindinput="bothwayBind" data-type='age' value="{{userInfo.age}}" placeholder="请输入年龄" placeholder-class="input__placeholder" /> -->
|
|
|
<picker @change="bindPickerChangeAge" :value="ageIndex" :range="ageArray">
|
|
|
<view class="picker tr">
|
|
|
<block v-if="ageIndex == -1">
|
|
|
<view class="ccc tr dib" style="color: #ccc">请选择年龄</view>
|
|
|
</block>
|
|
|
<block v-else>
|
|
|
<view class="c3 tr dib">{{ ageArray[ageIndex] }}</view>
|
|
|
</block>
|
|
|
<i class="iconfont icon-gengduo11 f16 ml4 dib pr c9" style="line-height: 1; top: 1px"></i>
|
|
|
</view>
|
|
|
</picker>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="weui-cell">
|
|
|
<view class="weui-cell__hd">
|
|
|
<label class="weui-label c085">民族</label>
|
|
|
</view>
|
|
|
<!-- <view class="weui-cell__bd">
|
|
|
<input class="weui-input" type="text" name="nation" value="{{userInfo.nationality}}" placeholder="请输入民族" placeholder-class="weui-input__placeholder" />
|
|
|
</view> -->
|
|
|
<view class="weui-cell__bd">
|
|
|
<picker @change="bindPickerChangeNation" :data-id="item.id" :value="item.name" :range="nationArray" range-key="name">
|
|
|
<view class="picker tr">
|
|
|
<block v-if="nationIndex == -1">
|
|
|
<view class="ccc tr dib" style="color: #ccc">请选择民族</view>
|
|
|
</block>
|
|
|
<block v-else>
|
|
|
<view class="c3 tr dib">{{ nationArray[nationIndex].name }}</view>
|
|
|
</block>
|
|
|
<i class="iconfont icon-gengduo11 f16 ml4 dib pr c9" style="line-height: 1; top: 1px"></i>
|
|
|
</view>
|
|
|
</picker>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="weui-cell">
|
|
|
<view class="weui-cell__hd">
|
|
|
<label class="weui-label c085">身份证号</label>
|
|
|
</view>
|
|
|
<view class="weui-cell__bd display-flex">
|
|
|
<input
|
|
|
class="weui-input flex-1"
|
|
|
type="idcard"
|
|
|
name="idCard"
|
|
|
@input="bothwayBind"
|
|
|
data-type="num"
|
|
|
:value="userInfo.num"
|
|
|
placeholder="请输入身份证号"
|
|
|
placeholder-class="input__placeholder"
|
|
|
/>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="weui-cell" style="align-items: center">
|
|
|
<view class="weui-cell__hd fsc" style="">
|
|
|
<label class="weui-label c085">家庭住址</label>
|
|
|
</view>
|
|
|
<view class="weui-cell__bd">
|
|
|
<textarea
|
|
|
class="weui-input tal"
|
|
|
type="text"
|
|
|
name="address"
|
|
|
@input="bothwayBind"
|
|
|
data-type="address"
|
|
|
:value="userInfo.address"
|
|
|
placeholder="请输入家庭住址"
|
|
|
placeholder-class="tar c9"
|
|
|
auto-height
|
|
|
style="min-height: 23px"
|
|
|
></textarea>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="weui-cells__group weui-cells__group_form" style="margin-top: 10px">
|
|
|
<view class="weui-cells weui-cells_form">
|
|
|
<view class="weui-cell" style="display: block">
|
|
|
<view class="weui-cell__hd"><label class="weui-label c6 f16">上传附件</label></view>
|
|
|
<view class="weui-cell__bd1 mt20">
|
|
|
<view class="weui-uploader__bd">
|
|
|
<view class="weui-uploader__files" id="uploaderFiles">
|
|
|
<block v-for="(item, index) in files" :key="index">
|
|
|
<view class="weui-uploader__file pr" @tap="previewImage" :id="item">
|
|
|
<image
|
|
|
src="http://matripe.oss-cn-beijing.aliyuncs.com/nezha/del.svg"
|
|
|
:data-id="item.id"
|
|
|
:data-url="item.url"
|
|
|
@click.stop="delImgs"
|
|
|
class="delImg"
|
|
|
style="width: 20px; height: 20px"
|
|
|
></image>
|
|
|
<image @click.stop="showImgs" :mark:url="item.url" class="weui-uploader__img" :src="item.url" mode="aspectFill" />
|
|
|
</view>
|
|
|
</block>
|
|
|
</view>
|
|
|
<view class="weui-uploader__input-box">
|
|
|
<view class="weui-uploader__input" @tap="chooseMedia"></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="clb"></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<view class="f12 ml16 c045 mt12">
|
|
|
<radio-group class="dib">
|
|
|
<radio
|
|
|
:checked="switch1Checked"
|
|
|
@click.stop="switch1Change"
|
|
|
value="0"
|
|
|
class="dib"
|
|
|
color="#ff4400"
|
|
|
style="transform: scale(0.7); position: relative; top: -2px"
|
|
|
/>
|
|
|
</radio-group>
|
|
|
我已阅读并同意
|
|
|
<navigator url="../serviceTerm/index" class="aLink dib">《服务协议》</navigator>
|
|
|
及
|
|
|
<navigator url="../secret/index" class="aLink dib">《隐私政策》</navigator>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<view class="btmFix display-flex" style="justify-content: center">
|
|
|
<button class="dtBtnD mr12" @click.stop="shrink" data-edit="2">取消</button>
|
|
|
<button type="primary" class="dtBtn ml12" :loading="loading" hover-class="button-hover" formType="submit">确定</button>
|
|
|
</view>
|
|
|
</form>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
// pages/newEnroll/index.js
|
|
|
const app = getApp();
|
|
|
var dateTimePicker = require('../../../utils/dateTimePicker.js');
|
|
|
var dateUtil = require('../../../utils/dateUtil.js');
|
|
|
import { isNotEmptyCheck, nationArray } from '../../../utils/commonUtil';
|
|
|
const mydate = new Date();
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
userId: '',
|
|
|
ageArray: [],
|
|
|
ageIndex: -1,
|
|
|
files: [],
|
|
|
urls: [],
|
|
|
|
|
|
userInfo: {
|
|
|
name: '',
|
|
|
address: '',
|
|
|
age: '',
|
|
|
nationality: '',
|
|
|
sex: '',
|
|
|
num: '',
|
|
|
tel: '',
|
|
|
idCardImageUrl: ''
|
|
|
},
|
|
|
|
|
|
showUpload: true,
|
|
|
name: '',
|
|
|
|
|
|
sex: [
|
|
|
{
|
|
|
id: 1,
|
|
|
value: '男'
|
|
|
},
|
|
|
{
|
|
|
id: 2,
|
|
|
value: '女'
|
|
|
}
|
|
|
],
|
|
|
|
|
|
imgSrc: '',
|
|
|
loading: false,
|
|
|
idInfo: {},
|
|
|
index: -1,
|
|
|
agentArray: [],
|
|
|
|
|
|
// jobIndex: -1,
|
|
|
jobArray: [
|
|
|
// {
|
|
|
// id: 1,
|
|
|
// name: "GG",
|
|
|
// },
|
|
|
],
|
|
|
|
|
|
storeIndex: -1,
|
|
|
|
|
|
storeArray: [
|
|
|
// {
|
|
|
// id: 1,
|
|
|
// name: "GG",
|
|
|
// },
|
|
|
],
|
|
|
|
|
|
dateTimeArray1: null,
|
|
|
dateTime1: null,
|
|
|
startYear: 2022,
|
|
|
endYear: 2024,
|
|
|
currentTime: dateUtil.formatDateYMD(mydate.toLocaleDateString()) + ' ' + '12:00',
|
|
|
searchListShow: false,
|
|
|
searchKeys: '',
|
|
|
searchKeysA: '',
|
|
|
inputShowed: false,
|
|
|
inputVal: '',
|
|
|
inputShowedA: false,
|
|
|
inputValA: '',
|
|
|
storeId: '',
|
|
|
agentId: '',
|
|
|
agentName: '',
|
|
|
storeJobId: '',
|
|
|
policy: '',
|
|
|
currentImg: '',
|
|
|
nationIndex: -1,
|
|
|
|
|
|
// 民族的索引
|
|
|
managerRoleClassify: false,
|
|
|
|
|
|
// 管理员权限
|
|
|
nationArray,
|
|
|
|
|
|
currentUser: {},
|
|
|
jobName: '',
|
|
|
switch1Checked: true,
|
|
|
newAddImg: [],
|
|
|
dateTimeArray: '',
|
|
|
dateTime: '',
|
|
|
type: ''
|
|
|
};
|
|
|
}
|
|
|
/**
|
|
|
* 生命周期函数--监听页面加载
|
|
|
*/,
|
|
|
onLoad: function (options) {
|
|
|
var that = this;
|
|
|
|
|
|
// console.log(JSON.parse(options.info));
|
|
|
// 获取缓存的报名人信息
|
|
|
let info = uni.getStorageSync('townsManInfo');
|
|
|
console.log(info);
|
|
|
if (app.globalData.isNotEmptyCheck(info)) {
|
|
|
// 统一给代理岗位相关的字段赋值
|
|
|
if (app.globalData.isNotEmptyCheck(info.userId)) {
|
|
|
that.getImgs(info.userId);
|
|
|
}
|
|
|
that.setData({
|
|
|
userInfo: info,
|
|
|
userId: info.userId,
|
|
|
currentImg: info.currentImg
|
|
|
});
|
|
|
if (app.globalData.isNotEmptyCheck(info.imgs)) {
|
|
|
that.setData({
|
|
|
files: info.imgs,
|
|
|
urls: info.imgs
|
|
|
});
|
|
|
}
|
|
|
|
|
|
// this.setData({
|
|
|
// userInfo: info,
|
|
|
// currentImg: info.currentImg,
|
|
|
// currentTime: info.currentTime,
|
|
|
// });
|
|
|
console.log(info);
|
|
|
if (info.sex == '男' || info.sex == '1') {
|
|
|
this.sex[0].checked = true;
|
|
|
} else if (info.sex == '女' || info.sex == '2') {
|
|
|
this.sex[1].checked = true;
|
|
|
}
|
|
|
that.nationArray.forEach((item, index) => {
|
|
|
if (item.name.indexOf(info.nationality) > -1 && info.nationality != '') {
|
|
|
console.log('isin');
|
|
|
that.setData({
|
|
|
nationIndex: index
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
console.log(info.age);
|
|
|
if (info.age) {
|
|
|
this.setData({
|
|
|
ageIndex: parseInt(info.age) - 16
|
|
|
});
|
|
|
}
|
|
|
console.log(that.nationIndex);
|
|
|
this.setData({
|
|
|
sex: this.sex
|
|
|
});
|
|
|
}
|
|
|
// this.getPolicyByStoreJobId(that.data.storeJobId);
|
|
|
that.setData({
|
|
|
managerRoleClassify: app.globalData.loginUserInfo.managerRoleClassify
|
|
|
});
|
|
|
if (app.globalData.isNotEmptyCheck(options.info)) {
|
|
|
// 如果随路由传过来的信息有更新,赋值新的数据
|
|
|
this.setData({
|
|
|
storeJobId: JSON.parse(options.info).id,
|
|
|
jobName: JSON.parse(options.info).jobName,
|
|
|
inputVal: JSON.parse(options.info).storeName || JSON.parse(options.info).aliasName,
|
|
|
storeId: JSON.parse(options.info).storeId
|
|
|
});
|
|
|
// this.getPolicyByStoreJobId(this.data.storeJobId);
|
|
|
}
|
|
|
if (app.globalData.isNotEmptyCheck(options.agencyInfo)) {
|
|
|
that.setData({
|
|
|
agentName: JSON.parse(options.agencyInfo).agencyName,
|
|
|
agentId: JSON.parse(options.agencyInfo).id
|
|
|
});
|
|
|
}
|
|
|
if (app.globalData.isNotEmptyCheck(options.imgUrl)) {
|
|
|
let imgUrl = JSON.parse(options.imgUrl);
|
|
|
that.uploadIdcardImg(imgUrl);
|
|
|
}
|
|
|
},
|
|
|
/**
|
|
|
* 生命周期函数--监听页面初次渲染完成
|
|
|
*/
|
|
|
onReady: function () {
|
|
|
// let src = wx.getStorageSync("src");
|
|
|
// console.log(src);
|
|
|
},
|
|
|
onShow: function () {
|
|
|
let that = this;
|
|
|
that.pushImg();
|
|
|
for (let i = 16; i < 70; i++) {
|
|
|
that.ageArray.push(i);
|
|
|
}
|
|
|
|
|
|
// let that = this;
|
|
|
// let info = wx.getStorageSync("townsManInfo");
|
|
|
// if (app.isNotEmptyCheck(info)) {
|
|
|
// this.setData({
|
|
|
// userInfo: info,
|
|
|
// currentImg: info.currentImg,
|
|
|
// currentTime: info.currentTime,
|
|
|
// });
|
|
|
// console.log(info);
|
|
|
// if (info.sex == "男") {
|
|
|
// this.data.sex[0].checked = true;
|
|
|
// } else if (info.sex == "女") {
|
|
|
// this.data.sex[1].checked = true;
|
|
|
// }
|
|
|
// that.data.nationArray.forEach((item, index) => {
|
|
|
// if (item.name.indexOf(info.nationality) > -1 && info.nationality != "") {
|
|
|
// console.log("isin");
|
|
|
// that.setData({
|
|
|
// nationIndex: index,
|
|
|
// });
|
|
|
// }
|
|
|
// });
|
|
|
// console.log(that.data.nationIndex);
|
|
|
// this.setData({
|
|
|
// sex: this.data.sex,
|
|
|
// });
|
|
|
// }
|
|
|
// this.pickerTap();
|
|
|
|
|
|
var obj = dateTimePicker.dateTimePicker(this.startYear, this.endYear, this.currentTime);
|
|
|
console.log(obj);
|
|
|
console.log(obj.dateTimeArray);
|
|
|
for (let index = 0; index < obj.dateTimeArray[0].length; index++) {
|
|
|
obj.dateTimeArray[0][index] = obj.dateTimeArray[0][index] + '年';
|
|
|
}
|
|
|
for (let index = 0; index < obj.dateTimeArray[1].length; index++) {
|
|
|
obj.dateTimeArray[1][index] = obj.dateTimeArray[1][index] + '月';
|
|
|
}
|
|
|
for (let index = 0; index < obj.dateTimeArray[2].length; index++) {
|
|
|
obj.dateTimeArray[2][index] = obj.dateTimeArray[2][index] + '日';
|
|
|
}
|
|
|
this.setData({
|
|
|
dateTimeArray: obj.dateTimeArray,
|
|
|
dateTime: obj.dateTime,
|
|
|
ageArray: that.ageArray
|
|
|
});
|
|
|
},
|
|
|
/**
|
|
|
* 生命周期函数--监听页面隐藏
|
|
|
*/
|
|
|
onHide: function (e) {
|
|
|
console.log('isHide');
|
|
|
console.log(e);
|
|
|
// this.setData({
|
|
|
// userInfo: {
|
|
|
// name: "",
|
|
|
// address: "",
|
|
|
// age: "",
|
|
|
// nationality: "",
|
|
|
// sex: "",
|
|
|
// num: "",
|
|
|
// idCardImageUrl: "",
|
|
|
// },
|
|
|
// });
|
|
|
},
|
|
|
/**
|
|
|
* 生命周期函数--监听页面卸载
|
|
|
*/
|
|
|
onUnload: function () {
|
|
|
// wx.removeStorageSync("townsManInfo");
|
|
|
// wx.switchTab({
|
|
|
// url: "../firstBill/index",
|
|
|
// });
|
|
|
// console.log(wx.getStorageSync("townsManInfo"));
|
|
|
},
|
|
|
/**
|
|
|
* 页面相关事件处理函数--监听用户下拉动作
|
|
|
*/
|
|
|
onPullDownRefresh: function () {},
|
|
|
/**
|
|
|
* 页面上拉触底事件的处理函数
|
|
|
*/
|
|
|
onReachBottom: function () {},
|
|
|
methods: {
|
|
|
switch1Change: function (e) {
|
|
|
console.log('radio发生change事件，携带value值为：', e.detail.value);
|
|
|
console.log(e.detail.value);
|
|
|
var check = this.switch1Checked;
|
|
|
if (check) {
|
|
|
this.switch1Checked = false;
|
|
|
console.log('已取消选中');
|
|
|
uni.showToast({
|
|
|
title: '请先阅读并同意《服务协议》及《隐私政策》',
|
|
|
icon: 'none',
|
|
|
duration: 2000
|
|
|
});
|
|
|
} else {
|
|
|
this.switch1Checked = true;
|
|
|
console.log('已选中');
|
|
|
}
|
|
|
this.setData({
|
|
|
switch1Checked: this.switch1Checked
|
|
|
});
|
|
|
|
|
|
// if(!e.detail.value){
|
|
|
|
|
|
// }
|
|
|
},
|
|
|
|
|
|
shrink() {
|
|
|
uni.navigateBack({
|
|
|
delta: -1
|
|
|
});
|
|
|
},
|
|
|
|
|
|
bindPickerChangeAge(e) {
|
|
|
console.log('picker发送选择改变，携带值为', e.detail.value);
|
|
|
this.setData({
|
|
|
ageIndex: e.detail.value,
|
|
|
['userInfo.age']: parseInt(e.detail.value) + 16
|
|
|
});
|
|
|
},
|
|
|
|
|
|
chooseMedia() {
|
|
|
var that = this;
|
|
|
uni.chooseMedia({
|
|
|
count: 9,
|
|
|
mediaType: ['image'],
|
|
|
sizeType: ['original', 'compressed'],
|
|
|
sourceType: ['album', 'camera'],
|
|
|
success(res) {
|
|
|
// tempFilePath可以作为 img 标签的 src 属性显示图片
|
|
|
uni.showLoading({
|
|
|
title: '上传中...'
|
|
|
});
|
|
|
console.log(res);
|
|
|
const tempFilePaths = res.tempFiles;
|
|
|
tempFilePaths.forEach((item, index) => {
|
|
|
uni.uploadFile({
|
|
|
url: app.globalData.ip + '/imgs/uploadImage',
|
|
|
method: 'post',
|
|
|
// data:currData,
|
|
|
// name: "uploadFile",
|
|
|
filePath: tempFilePaths[index].tempFilePath,
|
|
|
name: 'uploadFile',
|
|
|
header: app.globalData.headers,
|
|
|
success: function (res) {
|
|
|
console.log(that.files);
|
|
|
console.log(JSON.parse(res.data).data);
|
|
|
that.files.push({
|
|
|
url: JSON.parse(res.data).data,
|
|
|
id: -999
|
|
|
});
|
|
|
that.newAddImg.push(JSON.parse(res.data).data);
|
|
|
that.setData({
|
|
|
files: that.files,
|
|
|
newAddImg: that.newAddImg
|
|
|
});
|
|
|
// currData.data = JSON.parse(res.data);
|
|
|
|
|
|
that.pushImg();
|
|
|
// console.log(that.data.files);
|
|
|
|
|
|
// that.updateImgs(currData.type,currData.fkId,currData.data.data);
|
|
|
},
|
|
|
fail: function (res) {
|
|
|
console.log(res);
|
|
|
}
|
|
|
});
|
|
|
uni.hideLoading();
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
|
|
|
delImgs(e) {
|
|
|
var that = this;
|
|
|
var url = e.currentTarget.dataset.url;
|
|
|
var id = e.currentTarget.dataset.id;
|
|
|
uni.showModal({
|
|
|
title: '提示',
|
|
|
content: '确定要删除该图片？',
|
|
|
confirmColor: '#ff4400',
|
|
|
success(res) {
|
|
|
if (res.confirm) {
|
|
|
that.files.forEach((item, index) => {
|
|
|
if (id == item.id) {
|
|
|
that.files.splice(index, 1);
|
|
|
that.newAddImg.splice(index, 1);
|
|
|
}
|
|
|
});
|
|
|
that.pushImg();
|
|
|
that.setData({
|
|
|
files: that.files,
|
|
|
newAddImg: that.newAddImg
|
|
|
});
|
|
|
if (id != -999) {
|
|
|
uni.request({
|
|
|
url: app.globalData.ip + '/imgs/del/' + id,
|
|
|
header: app.globalData.headers,
|
|
|
// data:currData,
|
|
|
method: 'get',
|
|
|
success: function (res) {
|
|
|
console.log(res.data);
|
|
|
},
|
|
|
fail: function (res) {
|
|
|
console.log(res);
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
} else if (res.cancel) {
|
|
|
console.log('用户点击取消');
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
|
|
|
pushImg() {
|
|
|
var that = this;
|
|
|
console.log(that.files);
|
|
|
that.urls = [];
|
|
|
// that.data.files.forEach(item=>{
|
|
|
// that.data.urls.push(item.url)
|
|
|
// })
|
|
|
|
|
|
let curr = [];
|
|
|
that.files.forEach((item) => {
|
|
|
curr.push({
|
|
|
url: item.url,
|
|
|
id: item.id
|
|
|
});
|
|
|
});
|
|
|
that.setData({
|
|
|
urls: curr
|
|
|
});
|
|
|
},
|
|
|
|
|
|
showImgs(e) {
|
|
|
var that = this;
|
|
|
console.log(that.urls);
|
|
|
let curr = [];
|
|
|
that.urls.forEach((item) => {
|
|
|
curr.push(item.url);
|
|
|
});
|
|
|
uni.previewImage({
|
|
|
current: e.mark.url,
|
|
|
// 当前显示图片的 http 链接
|
|
|
urls: curr // 需要预览的图片 http 链接列表
|
|
|
});
|
|
|
},
|
|
|
|
|
|
radioChange: function (e) {
|
|
|
const sex = this.sex;
|
|
|
let currentSex = '';
|
|
|
for (let i = 0, len = sex.length; i < len; ++i) {
|
|
|
sex[i].checked = sex[i].id == e.detail.value;
|
|
|
if (sex[i].checked) {
|
|
|
currentSex = sex[i].value;
|
|
|
}
|
|
|
}
|
|
|
this.setData({
|
|
|
['userInfo.sex']: currentSex,
|
|
|
sex
|
|
|
});
|
|
|
console.log(e.detail.value);
|
|
|
},
|
|
|
|
|
|
chooseIdCard() {
|
|
|
var that = this;
|
|
|
uni.chooseImage({
|
|
|
count: 1,
|
|
|
sizeType: ['original', 'compressed'],
|
|
|
sourceType: ['album', 'camera'],
|
|
|
success(res) {
|
|
|
console.log(res);
|
|
|
// debugger;
|
|
|
that.uploadIdcardImg(res);
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
|
|
|
uploadIdcardImg(imgPath) {
|
|
|
let that = this;
|
|
|
// tempFilePath可以作为img标签的src属性显示图片
|
|
|
console.log(imgPath.tempFilePaths[0]);
|
|
|
const tempFilePaths = imgPath.tempFilePaths;
|
|
|
uni.showLoading({
|
|
|
title: '识别中...'
|
|
|
});
|
|
|
uni.uploadFile({
|
|
|
// url: app.globalData.ip + '/commons/idCardOcrRecognize',
|
|
|
url: app.globalData.ip + '/commons/idCardOcrRecognizeAndUploadToAliyunOss',
|
|
|
filePath: imgPath.tempFilePaths[0],
|
|
|
name: 'uploadFile',
|
|
|
header: app.globalData.headers,
|
|
|
success: function (res) {
|
|
|
console.log(JSON.parse(res.data));
|
|
|
var idcard = JSON.parse(res.data);
|
|
|
if (idcard.status == 200) {
|
|
|
that.setData({
|
|
|
ageIndex: parseInt(idcard.data.age) - 16,
|
|
|
userInfo: idcard.data,
|
|
|
showUpload: false,
|
|
|
currentImg: idcard.data.idCardImageUrl
|
|
|
});
|
|
|
that.setStorage();
|
|
|
console.log(that.userInfo);
|
|
|
that.nationArray.forEach((item, index) => {
|
|
|
if (item.name.includes(that.userInfo.nationality)) {
|
|
|
that.setData({
|
|
|
nationIndex: index
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
if (that.userInfo.sex == '男') {
|
|
|
that.sex[0].checked = true;
|
|
|
} else {
|
|
|
that.sex[1].checked = true;
|
|
|
}
|
|
|
// that.data.files.push({'url':tempFilePaths[0]})
|
|
|
|
|
|
// console.log(that.data.files);
|
|
|
|
|
|
that.setData({
|
|
|
// files: that.data.files,
|
|
|
sex: that.sex,
|
|
|
imgSrc: tempFilePaths[0]
|
|
|
});
|
|
|
that.pushImg();
|
|
|
} else {
|
|
|
uni.showToast({
|
|
|
duration: 2000,
|
|
|
title: '身份证未识别',
|
|
|
icon: 'none',
|
|
|
mask: true
|
|
|
});
|
|
|
// console.log(1);
|
|
|
//app.showTips(that, res.data.msg);
|
|
|
}
|
|
|
uni.hideLoading();
|
|
|
},
|
|
|
fail: function (res) {
|
|
|
console.log(res);
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
|
|
|
toJobAndAgencySelect(e) {
|
|
|
console.log(e);
|
|
|
console.log(this.userInfo);
|
|
|
this.setStorage().then(() => {
|
|
|
console.log('--------', 'isIntonavigation');
|
|
|
uni.navigateTo({
|
|
|
url: `../recordChoice/index?type=${e.currentTarget.dataset.type}`
|
|
|
});
|
|
|
});
|
|
|
},
|
|
|
|
|
|
showImg() {
|
|
|
uni.previewImage({
|
|
|
current: this.currentImg,
|
|
|
// 当前显示图片的 http 链接
|
|
|
urls: [this.currentImg] // 需要预览的图片 http 链接列表
|
|
|
});
|
|
|
},
|
|
|
|
|
|
deleteImg() {
|
|
|
var that = this;
|
|
|
uni.showModal({
|
|
|
title: '提示',
|
|
|
content: '确定要删除图片吗？',
|
|
|
confirmColor: '#ff4400',
|
|
|
success(res) {
|
|
|
if (res.confirm) {
|
|
|
that.setData({
|
|
|
imgSrc: '',
|
|
|
showUpload: true
|
|
|
});
|
|
|
} else if (res.cancel) {
|
|
|
console.log('用户点击取消');
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
|
|
|
bothwayBind(e) {
|
|
|
console.log(e);
|
|
|
let type = `userInfo.${e.currentTarget.dataset.type}`;
|
|
|
this.setData({
|
|
|
[type]: e.detail.value
|
|
|
});
|
|
|
},
|
|
|
|
|
|
beforeFormSubmit: function (e) {
|
|
|
var that = this;
|
|
|
console.log(e);
|
|
|
that.setData({
|
|
|
loading: true
|
|
|
});
|
|
|
if (app.globalData.isEmptyCheck(e.detail.value.userName)) {
|
|
|
uni.showToast({
|
|
|
duration: 2000,
|
|
|
title: '请输入姓名',
|
|
|
icon: 'none',
|
|
|
mask: true
|
|
|
});
|
|
|
that.setData({
|
|
|
loading: false
|
|
|
});
|
|
|
} else if (app.globalData.isEmptyCheck(e.detail.value.sex)) {
|
|
|
uni.showToast({
|
|
|
duration: 2000,
|
|
|
title: '请选择性别',
|
|
|
icon: 'none',
|
|
|
mask: true
|
|
|
});
|
|
|
that.setData({
|
|
|
loading: false
|
|
|
});
|
|
|
} else if (that.ageIndex == -1) {
|
|
|
uni.showToast({
|
|
|
duration: 2000,
|
|
|
title: '请选择年龄',
|
|
|
icon: 'none',
|
|
|
mask: true
|
|
|
});
|
|
|
that.setData({
|
|
|
loading: false
|
|
|
});
|
|
|
} else {
|
|
|
setTimeout(() => {
|
|
|
that.formSubmit(e);
|
|
|
}, 1);
|
|
|
}
|
|
|
},
|
|
|
|
|
|
setStorage() {
|
|
|
let that = this;
|
|
|
uni.removeStorageSync('townsManInfo');
|
|
|
return new Promise((resolve, reject) => {
|
|
|
console.log(that.storeJobId);
|
|
|
let data = {
|
|
|
...that.userInfo,
|
|
|
currentImg: that.currentImg
|
|
|
};
|
|
|
console.log(data);
|
|
|
uni.setStorage({
|
|
|
key: 'townsManInfo',
|
|
|
data
|
|
|
});
|
|
|
console.log(uni.getStorageSync('townsManInfo'));
|
|
|
resolve();
|
|
|
});
|
|
|
},
|
|
|
|
|
|
formSubmit: function (e) {
|
|
|
var that = this;
|
|
|
console.log(e);
|
|
|
that.setData({
|
|
|
loading: true
|
|
|
});
|
|
|
// wx.showLoading({
|
|
|
// title: "提交中...",
|
|
|
// mask: true,
|
|
|
// });
|
|
|
// if (that.data.index == -1) {
|
|
|
// wx.showToast({
|
|
|
// duration: 2000,
|
|
|
// title: '请选择代理',
|
|
|
// icon: 'none',
|
|
|
// mask: true
|
|
|
// })
|
|
|
// that.setData({
|
|
|
// loading: false
|
|
|
// })
|
|
|
// } else
|
|
|
|
|
|
// if (that.data.jobIndex == -1) {
|
|
|
// wx.showToast({
|
|
|
// duration: 2000,
|
|
|
// title: "请选择岗位",
|
|
|
// icon: "none",
|
|
|
// mask: true,
|
|
|
// });
|
|
|
// that.setData({
|
|
|
// loading: false,
|
|
|
// });
|
|
|
// } else {
|
|
|
console.log(that.userInfo);
|
|
|
new Promise(function (resolve, reject) {
|
|
|
var paramData = that.userInfo;
|
|
|
paramData['userName'] = e.detail.value.userName;
|
|
|
paramData['sex'] = e.detail.value.sex;
|
|
|
paramData['age'] = that.userInfo.age;
|
|
|
paramData['nation'] = that.userInfo.nationality;
|
|
|
paramData['idCard'] = e.detail.value.idCard;
|
|
|
paramData['num'] = e.detail.value.idCard;
|
|
|
paramData['tel'] = e.detail.value.tel;
|
|
|
paramData['idCardImageUrl'] = that.currentImg;
|
|
|
paramData['address'] = e.detail.value.address;
|
|
|
paramData['userId'] = that.userId;
|
|
|
|
|
|
// let urlss = [];
|
|
|
// if(app.isNotEmptyCheck(that.data.files)){
|
|
|
// that.data.files.forEach(item=>{
|
|
|
// urlss.push(item.url)
|
|
|
// })
|
|
|
// }
|
|
|
|
|
|
paramData['imgs'] = that.newAddImg.toString();
|
|
|
resolve(paramData);
|
|
|
}).then(function (paramData) {
|
|
|
console.log(paramData);
|
|
|
uni.removeStorageSync('townsManInfo');
|
|
|
new Promise((resolve, reject) => {
|
|
|
console.log(that.storeJobId);
|
|
|
let data = {
|
|
|
...paramData,
|
|
|
currentImg: that.currentImg,
|
|
|
imgs: that.files
|
|
|
};
|
|
|
console.log(data);
|
|
|
uni.setStorage({
|
|
|
key: 'townsManInfo',
|
|
|
data
|
|
|
});
|
|
|
console.log(uni.getStorageSync('townsManInfo'));
|
|
|
resolve();
|
|
|
}).then(() => {
|
|
|
console.log(paramData['userId']);
|
|
|
if (app.globalData.isNotEmptyCheck(that.userId)) {
|
|
|
uni.request({
|
|
|
url: app.globalData.ip + '/user/updateInfo',
|
|
|
header: app.globalData.headers,
|
|
|
data: paramData,
|
|
|
method: 'POST',
|
|
|
success: function (res) {
|
|
|
console.log(res);
|
|
|
if (res.data.status == 200) {
|
|
|
uni.hideLoading();
|
|
|
uni.showToast({
|
|
|
duration: 2000,
|
|
|
title: '提交中',
|
|
|
icon: 'success',
|
|
|
mask: true
|
|
|
});
|
|
|
setTimeout(() => {
|
|
|
uni.navigateBack({
|
|
|
delta: -1
|
|
|
});
|
|
|
}, 2000);
|
|
|
} else {
|
|
|
uni.showToast({
|
|
|
title: res.data.msg,
|
|
|
icon: 'none'
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
} else {
|
|
|
uni.hideLoading();
|
|
|
uni.showToast({
|
|
|
duration: 2000,
|
|
|
title: '提交中',
|
|
|
icon: 'success',
|
|
|
mask: true
|
|
|
});
|
|
|
setTimeout(() => {
|
|
|
uni.navigateBack({
|
|
|
delta: -1
|
|
|
});
|
|
|
}, 2000);
|
|
|
}
|
|
|
|
|
|
// wx.navigateBack({
|
|
|
// delta: -1,
|
|
|
// })
|
|
|
});
|
|
|
uni.hideLoading({
|
|
|
success: (res) => {}
|
|
|
});
|
|
|
});
|
|
|
// }
|
|
|
},
|
|
|
|
|
|
inputTyping: function (e) {
|
|
|
this.setData({
|
|
|
inputVal: e.detail.value
|
|
|
});
|
|
|
if (e.detail.value.length > 0) {
|
|
|
this.setData({
|
|
|
searchListShow: true
|
|
|
});
|
|
|
this.getStoreList(e.detail.value);
|
|
|
} else {
|
|
|
this.setData({
|
|
|
searchListShow: false
|
|
|
});
|
|
|
}
|
|
|
},
|
|
|
|
|
|
getStoreList: function (searchKeys) {
|
|
|
console.log(searchKeys);
|
|
|
var that = this;
|
|
|
that.searchKeys = searchKeys;
|
|
|
// 60秒后重新获取验证码
|
|
|
uni.request({
|
|
|
url: app.globalData.ip + '/store/getAllStoreAliasName',
|
|
|
data: {
|
|
|
keys: searchKeys
|
|
|
},
|
|
|
header: app.globalData.headers,
|
|
|
method: 'GET',
|
|
|
success: function (res) {
|
|
|
console.log(res);
|
|
|
if (res.data.status == 200) {
|
|
|
that.setData({
|
|
|
storeArray: res.data.data
|
|
|
});
|
|
|
}
|
|
|
},
|
|
|
fail: function (res) {}
|
|
|
});
|
|
|
},
|
|
|
|
|
|
setValue: function (e) {
|
|
|
let str = e.currentTarget.dataset.name;
|
|
|
let storeId = e.currentTarget.dataset.id;
|
|
|
console.log(storeId);
|
|
|
this.setData({
|
|
|
inputVal: str,
|
|
|
storeId: storeId,
|
|
|
searchListShow: false
|
|
|
});
|
|
|
this.getJobList(storeId);
|
|
|
},
|
|
|
|
|
|
getJobList: function (storeId) {
|
|
|
var that = this;
|
|
|
return new Promise((resolve, reject) => {
|
|
|
uni.request({
|
|
|
url: app.globalData.ip + '/store/job/getJobNameByStoreId',
|
|
|
data: {
|
|
|
storeId: storeId
|
|
|
},
|
|
|
header: app.globalData.headers,
|
|
|
method: 'GET',
|
|
|
success: function (res) {
|
|
|
console.log(res);
|
|
|
if (res.data.status == 200) {
|
|
|
that.setData({
|
|
|
jobArray: res.data.data
|
|
|
});
|
|
|
resolve();
|
|
|
}
|
|
|
},
|
|
|
fail: function (res) {}
|
|
|
});
|
|
|
});
|
|
|
},
|
|
|
|
|
|
// bindPickerChangeJob: function (e) {
|
|
|
// var that = this;
|
|
|
// console.log("picker发送选择改变，携带值为", e.detail.value);
|
|
|
// var storeJobId = that.data.jobArray[e.detail.value].id;
|
|
|
// console.log(storeJobId);
|
|
|
// that.getPolicyByStoreJobId(storeJobId);
|
|
|
// this.setData({
|
|
|
// jobIndex: e.detail.value,
|
|
|
// });
|
|
|
// },
|
|
|
bindPickerChangeNation(e) {
|
|
|
let that = this;
|
|
|
console.log('picker发送选择改变，携带值为', e.detail.value);
|
|
|
var nationName = that.nationArray[e.detail.value].name;
|
|
|
this.setData({
|
|
|
nationIndex: e.detail.value,
|
|
|
['userInfo.nationality']: nationName
|
|
|
});
|
|
|
},
|
|
|
|
|
|
getPolicyByStoreJobId: function (storeJobId) {
|
|
|
var that = this;
|
|
|
uni.request({
|
|
|
url: app.globalData.ip + '/store/job/getPolicyByStoreJobId',
|
|
|
data: {
|
|
|
storeJobId: storeJobId
|
|
|
},
|
|
|
header: app.globalData.headers,
|
|
|
method: 'GET',
|
|
|
success: function (res) {
|
|
|
console.log(res);
|
|
|
if (res.data.status == 200) {
|
|
|
that.setData({
|
|
|
policy: res.data.data
|
|
|
});
|
|
|
}
|
|
|
},
|
|
|
fail: function (res) {
|
|
|
console.log(res);
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
|
|
|
changeDateTime(e) {
|
|
|
var dateTimeArray = this.dateTimeArray;
|
|
|
var dateTime = e.detail.value;
|
|
|
this.setData({
|
|
|
// dateTime: e.detail.value,
|
|
|
currentTime:
|
|
|
dateTimeArray[0][dateTime[0]].replace('年', '') +
|
|
|
'-' +
|
|
|
dateTimeArray[1][dateTime[1]].replace('月', '') +
|
|
|
'-' +
|
|
|
dateTimeArray[2][dateTime[2]].replace('日', '') +
|
|
|
' ' +
|
|
|
dateTimeArray[3][dateTime[3]]
|
|
|
});
|
|
|
console.log(this.dateTimeArray);
|
|
|
},
|
|
|
|
|
|
changeDateTimeColumn(e) {
|
|
|
var arr = this.dateTime;
|
|
|
var dateArr = this.dateTimeArray;
|
|
|
arr[e.detail.column] = e.detail.value;
|
|
|
console.log('aaaaaa');
|
|
|
console.log(dateArr[0][arr[0]], dateArr[1][arr[1]]);
|
|
|
dateArr[2] = dateTimePicker.getMonthDay(dateArr[0][arr[0]], dateArr[1][arr[1]]);
|
|
|
for (let index = 0; index < dateArr[2].length; index++) {
|
|
|
dateArr[2][index] = dateArr[2][index] + '日';
|
|
|
}
|
|
|
// .replace("年",'').replace("月",'').replace("日",'')
|
|
|
this.setData({
|
|
|
dateTimeArray: dateArr,
|
|
|
dateTime: arr
|
|
|
});
|
|
|
},
|
|
|
|
|
|
// getAgencyList: function (searchKeys) {
|
|
|
// var that = this;
|
|
|
// that.data.searchKeysA = searchKeys;
|
|
|
// // 60秒后重新获取验证码
|
|
|
// wx.request({
|
|
|
// url: app.globalData.ip + "/agency/getByPmdUserId",
|
|
|
// data: {
|
|
|
// agencyName: searchKeys,
|
|
|
// // pmdUserId: 101125
|
|
|
// },
|
|
|
// header: app.globalData.headers,
|
|
|
// method: "GET",
|
|
|
// success: function (res) {
|
|
|
// console.log(res);
|
|
|
// if (res.data.status == 200) {
|
|
|
// that.setData({
|
|
|
// agentArray: res.data.data,
|
|
|
// });
|
|
|
// }
|
|
|
// },
|
|
|
// fail: function (res) {},
|
|
|
// });
|
|
|
// },
|
|
|
/**
|
|
|
* 生命周期函数--监听页面显示
|
|
|
*/
|
|
|
getImgs(userId) {
|
|
|
var that = this;
|
|
|
uni.request({
|
|
|
url: app.globalData.ip + '/imgs/list/' + userId + '?type=20',
|
|
|
header: app.globalData.headers,
|
|
|
method: 'GET',
|
|
|
success: function (res) {
|
|
|
console.log(res);
|
|
|
// if (res.data.status == 200) {
|
|
|
let currFils = [];
|
|
|
let regs = /\.(jpg|jpeg|png)(\?.*)?$/;
|
|
|
// res.data.data.storeImage.forEach((item) => {
|
|
|
// item.isImg = regs.test(item.url.toLowerCase());
|
|
|
// if(app.isEmptyCheck(item.recordState)){
|
|
|
// item.recordState = 1
|
|
|
// }
|
|
|
// });
|
|
|
if (app.globalData.isNotEmptyCheck(res.data.data.userImgs)) {
|
|
|
res.data.data.userImgs.forEach((item) => {
|
|
|
if (regs.test(item.url.toLowerCase())) {
|
|
|
currFils.push({
|
|
|
url: item.url,
|
|
|
id: item.id
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
that.setData({
|
|
|
files: currFils,
|
|
|
urls: currFils
|
|
|
});
|
|
|
// }
|
|
|
},
|
|
|
fail: function (res) {
|
|
|
console.log(res);
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* 用户点击右上角分享
|
|
|
*/
|
|
|
onShareAppMessage1: function () {},
|
|
|
|
|
|
previewImage() {
|
|
|
console.log('占位：函数 previewImage 未声明');
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
|
<style>
|
|
|
@import './index.css';
|
|
|
</style>
|