|
|
@@ -2,14 +2,6 @@
|
|
|
<view class="my-info-page">
|
|
|
<!-- 导航区域 -->
|
|
|
<customNavbarVue title="个人信息" :show-back-btn="true" @back="handleBack"></customNavbarVue>
|
|
|
- <!-- 头像 -->
|
|
|
- <view class="user-img-box">
|
|
|
- <view class="user-title">头像</view>
|
|
|
- <uni-file-picker return-type="object" v-model="data.images" :del-icon="false" mode="grid" disable-preview :auto-upload="false"
|
|
|
- @select="handleSelect" file-mediatype="image" class="phone-file-picker user-file-picker">
|
|
|
- </uni-file-picker>
|
|
|
- <icon class="user-jt-icon" :style="{ backgroundImage: 'url(' + data.jtIcon + ')' }"></icon>
|
|
|
- </view>
|
|
|
<!-- 姓名 -->
|
|
|
<view class="form-label-input">
|
|
|
<view class="phone-form-label"><text class="form-label-require">*</text>姓名</view>
|
|
|
@@ -24,13 +16,18 @@
|
|
|
</view>
|
|
|
<!-- 证件号 -->
|
|
|
<view class="form-label-input">
|
|
|
- <view class="phone-form-label"><text class="form-label-require">*</text>证件号</view>
|
|
|
+ <view class="phone-form-label" @click="idCardChange">
|
|
|
+ <text class="form-label-require">*</text>
|
|
|
+ <text v-if="data.idtype ==1">身份证号</text>
|
|
|
+ <text v-if="data.idtype ==2">护照号</text>
|
|
|
+ <icon @click="idCardChange" class="change-icon">切换</icon>
|
|
|
+ </view>
|
|
|
<input v-model="data.idcard" placeholder="请输入证件号" />
|
|
|
<icon :style="{ backgroundImage: 'url(' + data.jtIcon + ')' }"></icon>
|
|
|
</view>
|
|
|
<view class="form-label-input">
|
|
|
<view class="phone-form-label"><text class="form-label-require">*</text>具体地址</view>
|
|
|
- <input v-model="data.dizhi" placeholder="请输入具体地址" />
|
|
|
+ <input v-model="data.juzhuDizhi" placeholder="请输入具体地址" />
|
|
|
<icon :style="{ backgroundImage: 'url(' + data.jtIcon + ')' }"></icon>
|
|
|
</view>
|
|
|
|
|
|
@@ -57,105 +54,23 @@
|
|
|
|
|
|
const data = reactive({
|
|
|
from: 'shouye', // my | kaoshi | shouye
|
|
|
- icon: '',
|
|
|
realName: '',
|
|
|
idcard: '',
|
|
|
userName: '',
|
|
|
userId: null,
|
|
|
- images: null,
|
|
|
jtIcon: '',
|
|
|
- dizhi: ''
|
|
|
+ juzhuDizhi: '',
|
|
|
+ idtype: 1,
|
|
|
})
|
|
|
|
|
|
onLoad((options) => {
|
|
|
data.from = options.from || 'shouye';
|
|
|
data.jtIcon= cacheManager.get('projectImg').nav_bar_jt_bottom;
|
|
|
- defaultImage1.url= cacheManager.get('projectImg').user_default_img;
|
|
|
initPage();
|
|
|
})
|
|
|
-
|
|
|
- function handleSelect(e) {
|
|
|
- doUploadImage(e)
|
|
|
- }
|
|
|
-
|
|
|
- function genderSelect(genderValue){
|
|
|
- data.gender = genderValue;
|
|
|
- }
|
|
|
-
|
|
|
- function doUploadImage(params) {
|
|
|
- const filePath = params.tempFiles[0];
|
|
|
- const fileUrl = params.tempFilePaths;
|
|
|
-
|
|
|
-
|
|
|
- try {
|
|
|
- const suffix = filePath.file.name.split('.').pop();
|
|
|
- let req = {
|
|
|
- prefix: 'resource/',
|
|
|
- suffix: suffix,
|
|
|
- }
|
|
|
- uni.showLoading({
|
|
|
- title: '上传中...',
|
|
|
- mask: true
|
|
|
- });
|
|
|
- getAliyunPolicy(req).then(res => {
|
|
|
- if (res.code == 0) {
|
|
|
- const policyData = res.data;
|
|
|
-
|
|
|
- const formData = {
|
|
|
- key: policyData.key,
|
|
|
- policy: policyData.policy,
|
|
|
- signature: policyData.signature,
|
|
|
- OSSAccessKeyId: policyData.accessid,
|
|
|
- success_action_status: '200',
|
|
|
- }
|
|
|
-
|
|
|
- uni.uploadFile({
|
|
|
- url: policyData.uploadUrl,
|
|
|
- filePath: fileUrl[0],
|
|
|
- name: 'file',
|
|
|
- formData: formData,
|
|
|
- success(uploadRes) {
|
|
|
- if (uploadRes.statusCode === 200) {
|
|
|
- console.log('uploadRes',uploadRes)
|
|
|
- data.icon = `${policyData.downloadUrl}/${policyData.key}`;
|
|
|
- console.log( `${policyData.downloadUrl}/${policyData.key}`)
|
|
|
- uni.showToast({
|
|
|
- title: '上传成功',
|
|
|
- icon: 'success'
|
|
|
- });
|
|
|
- data.images = { url: data.icon, extname: 'png', name: 'touxiang.png' }
|
|
|
- } else {
|
|
|
- uni.showToast({
|
|
|
- icon: 'none',
|
|
|
- title: '上传失败',
|
|
|
- });
|
|
|
- uni.hideLoading();
|
|
|
- }
|
|
|
-
|
|
|
- },
|
|
|
- fail(err) {
|
|
|
- uni.showToast({
|
|
|
- icon: 'none',
|
|
|
- title: '上传失败',
|
|
|
- });
|
|
|
- uni.hideLoading();
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- } else {
|
|
|
- uni.showToast({
|
|
|
- title: '获取凭证失败',
|
|
|
- });
|
|
|
- uni.hideLoading();
|
|
|
- }
|
|
|
- })
|
|
|
- } catch (error) {
|
|
|
- uni.showToast({
|
|
|
- title: '上传失败',
|
|
|
- icon: 'none'
|
|
|
- });
|
|
|
- uni.hideLoading();
|
|
|
- }
|
|
|
+
|
|
|
+ function idCardChange() {
|
|
|
+ data.idtype = data.idtype == 1 ? 2 : 1;
|
|
|
}
|
|
|
|
|
|
function handleUpdate() {
|
|
|
@@ -166,9 +81,6 @@
|
|
|
if (!data.userName) {
|
|
|
arr.push('电话');
|
|
|
}
|
|
|
- if (!data.icon) {
|
|
|
- arr.push('头像');
|
|
|
- }
|
|
|
if (!data.idcard) {
|
|
|
arr.push('证件号');
|
|
|
}
|
|
|
@@ -181,8 +93,8 @@
|
|
|
}
|
|
|
|
|
|
const opt = {
|
|
|
- dizhi: data.dizhi,
|
|
|
- icon: data.icon,
|
|
|
+ juzhuDizhi: data.juzhuDizhi,
|
|
|
+ idtype: data.idtype,
|
|
|
idcard: data.idcard,
|
|
|
realName: data.realName,
|
|
|
userId: data.userId,
|
|
|
@@ -205,14 +117,13 @@
|
|
|
|
|
|
function initPage() {
|
|
|
myApi.getMineUser().then(res => {
|
|
|
- const {gender,icon,idcard,realName,userName,userId} = res.data;
|
|
|
- data.gender = res.data.gender;
|
|
|
- data.icon = res.data.icon;
|
|
|
+ const {juzhuDizhi,idtype,idcard,realName,userName,userId} = res.data;
|
|
|
+ data.idtype = res.data.idtype;
|
|
|
data.idcard = res.data.idcard;
|
|
|
data.realName = res.data.realName;
|
|
|
data.userName = res.data.userName;
|
|
|
data.userId = res.data.userId;
|
|
|
- data.images = data.icon?{ url: data.icon, extname: 'png', name: 'touxiang.png' }:defaultImage1.value
|
|
|
+ data.juzhuDizhi = res.data.juzhuDizhi
|
|
|
})
|
|
|
}
|
|
|
</script>
|