fix: 修复手机号码被截断的问题,优化一键添加微信昵称,优化一键添加微信头像
This commit is contained in:
parent
d663124cf4
commit
f1fd270762
@ -2,25 +2,22 @@
|
|||||||
<view class="page member-user-info-container">
|
<view class="page member-user-info-container">
|
||||||
<view class="m-cells m-cells-form">
|
<view class="m-cells m-cells-form">
|
||||||
<view class="m-cell" style="padding: 2rpx 30rpx">
|
<view class="m-cell" style="padding: 2rpx 30rpx">
|
||||||
<view class="m-cell-hd"
|
<view class="m-cell-hd"><label class="u-label">{{ __("头像") }}</label></view>
|
||||||
><label class="u-label">{{ __("头像") }}</label></view
|
|
||||||
>
|
|
||||||
<view class="m-cell-bd" style="padding: 0; margin: 0; line-height: 1">
|
<view class="m-cell-bd" style="padding: 0; margin: 0; line-height: 1">
|
||||||
<view class="uni-uploader-body">
|
<view class="uni-uploader-body">
|
||||||
<view class="uni-uploader__files">
|
<view class="uni-uploader__files">
|
||||||
|
<button class="avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
|
||||||
<block v-if="user_avatar">
|
<block v-if="user_avatar">
|
||||||
<view class="uni-uploader__file">
|
<view class="uni-uploader__file">
|
||||||
<image
|
<image class="uni-uploader__img" :src="user_avatar" :data-src="user_avatar"
|
||||||
class="uni-uploader__img"
|
@click.stop="chooseAvatar">
|
||||||
:src="user_avatar"
|
</image>
|
||||||
:data-src="user_avatar"
|
|
||||||
@click.stop="upImgs"
|
|
||||||
></image>
|
|
||||||
</view>
|
</view>
|
||||||
</block>
|
</block>
|
||||||
<view class="uni-uploader__input-box" v-else>
|
<view class="uni-uploader__input-box" v-else>
|
||||||
<view class="uni-uploader__input" @click.stop="upImgs"></view>
|
<view class="uni-uploader__input" @click.stop="chooseAvatar"></view>
|
||||||
</view>
|
</view>
|
||||||
|
</button>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -29,93 +26,48 @@
|
|||||||
<view class="m-cell">
|
<view class="m-cell">
|
||||||
<view class="m-cell-hd"><label class="u-label">会员等级</label></view>
|
<view class="m-cell-hd"><label class="u-label">会员等级</label></view>
|
||||||
<view class="m-cell-bd">
|
<view class="m-cell-bd">
|
||||||
<input
|
<input class="u-input" type="text" :value="user_level_name" disabled="true" />
|
||||||
class="u-input"
|
|
||||||
type="text"
|
|
||||||
:value="user_level_name"
|
|
||||||
disabled="true"
|
|
||||||
/>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="m-cell">
|
<view class="m-cell">
|
||||||
<view class="m-cell-hd"
|
<view class="m-cell-hd"><label class="u-label">{{ __("用户编号") }}</label></view>
|
||||||
><label class="u-label">{{ __("用户编号") }}</label></view
|
|
||||||
>
|
|
||||||
<view class="m-cell-bd">
|
<view class="m-cell-bd">
|
||||||
<input
|
<input class="u-input" type="number" :value="user_id" disabled="true" />
|
||||||
class="u-input"
|
|
||||||
type="number"
|
|
||||||
:value="user_id"
|
|
||||||
disabled="true"
|
|
||||||
/>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="m-cell" v-if="false">
|
<view class="m-cell" v-if="false">
|
||||||
<view class="m-cell-hd"
|
<view class="m-cell-hd"><label class="u-label">{{ __("账号") }}</label></view>
|
||||||
><label class="u-label">{{ __("账号") }}</label></view
|
|
||||||
>
|
|
||||||
<view class="m-cell-bd">
|
<view class="m-cell-bd">
|
||||||
<input
|
<input class="u-input" type="text" :value="user_account" disabled="true" />
|
||||||
class="u-input"
|
|
||||||
type="text"
|
|
||||||
:value="user_account"
|
|
||||||
disabled="true"
|
|
||||||
/>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="m-cell">
|
<view class="m-cell">
|
||||||
<view class="m-cell-hd"
|
<view class="m-cell-hd"><label class="u-label">{{ __("昵称") }}</label></view>
|
||||||
><label class="u-label">{{ __("昵称") }}</label></view
|
|
||||||
>
|
|
||||||
<view class="m-cell-bd">
|
<view class="m-cell-bd">
|
||||||
<input
|
<input class="u-input" type="nickname" :value="user_nickname" placeholder="请输入昵称"
|
||||||
class="u-input"
|
@input="inputuser_user_nickname" />
|
||||||
type="text"
|
|
||||||
:value="user_nickname"
|
|
||||||
@input="inputuser_user_nickname"
|
|
||||||
/>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="m-cell">
|
<view class="m-cell">
|
||||||
<view class="m-cell-hd"><label class="u-label">姓名</label></view>
|
<view class="m-cell-hd"><label class="u-label">姓名</label></view>
|
||||||
<view class="m-cell-bd">
|
<view class="m-cell-bd">
|
||||||
<input
|
<input class="u-input" type="text" :value="user_realname" :placeholder="__('请输入姓名')" @input="inputReName"
|
||||||
class="u-input"
|
maxlength="30" />
|
||||||
type="text"
|
|
||||||
:value="user_realname"
|
|
||||||
:placeholder="__('请输入姓名')"
|
|
||||||
@input="inputReName"
|
|
||||||
maxlength="30"
|
|
||||||
/>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="m-celli hide">
|
<view class="m-celli hide">
|
||||||
<view class="m-cell-hd"
|
<view class="m-cell-hd"><label class="u-label">{{ __("身份证") }}</label></view>
|
||||||
><label class="u-label">{{ __("身份证") }}</label></view
|
|
||||||
>
|
|
||||||
<view class="m-cell-bd">
|
<view class="m-cell-bd">
|
||||||
<input
|
<input class="u-input" type="idcard" :value="user_idcard" :placeholder="__('请输入身份证号码')" @input="inputICard"
|
||||||
class="u-input"
|
maxlength="18" />
|
||||||
type="idcard"
|
|
||||||
:value="user_idcard"
|
|
||||||
:placeholder="__('请输入身份证号码')"
|
|
||||||
@input="inputICard"
|
|
||||||
maxlength="18"
|
|
||||||
/>
|
|
||||||
</view>
|
</view>
|
||||||
<div v-if="!isCardNo" class="m-cell-ft">
|
<div v-if="!isCardNo" class="m-cell-ft">
|
||||||
<view class="m-icon-warn uni-icon uni-icon-info" type="warn"></view>
|
<view class="m-icon-warn uni-icon uni-icon-info" type="warn"></view>
|
||||||
</div>
|
</div>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view
|
<view class="m-cell" @click="showbox" v-if="Config.PLANTFORM_FX_AGENT_ENABLE && false">
|
||||||
class="m-cell"
|
<view class="m-cell-hd"><label class="u-label">{{ __("地区") }}</label></view>
|
||||||
@click="showbox"
|
|
||||||
v-if="Config.PLANTFORM_FX_AGENT_ENABLE && false"
|
|
||||||
>
|
|
||||||
<view class="m-cell-hd"
|
|
||||||
><label class="u-label">{{ __("地区") }}</label></view
|
|
||||||
>
|
|
||||||
<view class="m-cell-bd">
|
<view class="m-cell-bd">
|
||||||
<label>{{ seladstr }}</label>
|
<label>{{ seladstr }}</label>
|
||||||
</view>
|
</view>
|
||||||
@ -124,17 +76,9 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="m-cell" v-if="false">
|
<view class="m-cell" v-if="false">
|
||||||
<view class="m-cell-hd"
|
<view class="m-cell-hd"><label class="u-label">{{ __("地址") }}</label></view>
|
||||||
><label class="u-label">{{ __("地址") }}</label></view
|
|
||||||
>
|
|
||||||
<view class="m-cell-bd">
|
<view class="m-cell-bd">
|
||||||
<input
|
<input class="u-input" type="text" :value="user_address" :placeholder="__('请输入联系地址')" @input="onInputAddress" />
|
||||||
class="u-input"
|
|
||||||
type="text"
|
|
||||||
:value="user_address"
|
|
||||||
:placeholder="__('请输入联系地址')"
|
|
||||||
@input="onInputAddress"
|
|
||||||
/>
|
|
||||||
</view>
|
</view>
|
||||||
<view v-if="!isUserAddress" class="m-cell-ft">
|
<view v-if="!isUserAddress" class="m-cell-ft">
|
||||||
<view class="m-icon-warn uni-icon uni-icon-info" type="warn"></view>
|
<view class="m-icon-warn uni-icon uni-icon-info" type="warn"></view>
|
||||||
@ -143,9 +87,7 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="m-cells m-cells-form">
|
<view class="m-cells m-cells-form">
|
||||||
<view class="m-cell">
|
<view class="m-cell">
|
||||||
<view class="m-cell-hd"
|
<view class="m-cell-hd"><label class="u-label">{{ __("生日") }}</label></view>
|
||||||
><label class="u-label">{{ __("生日") }}</label></view
|
|
||||||
>
|
|
||||||
<view class="m-cell-bd">
|
<view class="m-cell-bd">
|
||||||
<picker mode="date" @change="bindDateChange">
|
<picker mode="date" @change="bindDateChange">
|
||||||
<label>{{ user_birthday }}</label>
|
<label>{{ user_birthday }}</label>
|
||||||
@ -154,18 +96,10 @@
|
|||||||
<text class="m-cell-ft-right birthday-right-icon"></text>
|
<text class="m-cell-ft-right birthday-right-icon"></text>
|
||||||
</view>
|
</view>
|
||||||
<view class="m-cell">
|
<view class="m-cell">
|
||||||
<view class="m-cell-hd"
|
<view class="m-cell-hd"><label class="u-label">{{ __("邮箱") }}</label></view>
|
||||||
><label class="u-label">{{ __("邮箱") }}</label></view
|
|
||||||
>
|
|
||||||
<view class="m-cell-bd">
|
<view class="m-cell-bd">
|
||||||
<input
|
<input class="u-input" type="text" :value="user_email" :placeholder="__('请输入邮箱地址')" @input="inputuser_email"
|
||||||
class="u-input"
|
maxlength="30" />
|
||||||
type="text"
|
|
||||||
:value="user_email"
|
|
||||||
:placeholder="__('请输入邮箱地址')"
|
|
||||||
@input="inputuser_email"
|
|
||||||
maxlength="30"
|
|
||||||
/>
|
|
||||||
</view>
|
</view>
|
||||||
<view v-if="!isUserEmail" class="m-cell-ft">
|
<view v-if="!isUserEmail" class="m-cell-ft">
|
||||||
<view class="m-icon-warn uni-icon uni-icon-info" type="warn"></view>
|
<view class="m-icon-warn uni-icon uni-icon-info" type="warn"></view>
|
||||||
@ -174,18 +108,10 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="m-cells m-cells-form">
|
<view class="m-cells m-cells-form">
|
||||||
<view class="m-cell">
|
<view class="m-cell">
|
||||||
<view class="m-cell-hd"
|
<view class="m-cell-hd"><label class="u-label">{{ __("手机号码") }}</label></view>
|
||||||
><label class="u-label">{{ __("手机号码") }}</label></view
|
|
||||||
>
|
|
||||||
<view :class="['m-cell-bd', { 'phone-right-30': !isUserMobile }]">
|
<view :class="['m-cell-bd', { 'phone-right-30': !isUserMobile }]">
|
||||||
<input
|
<input class="u-input" type="number" :placeholder="__('请输入手机号码')" @input="inputphone"
|
||||||
class="u-input"
|
:value="user_mobile" />
|
||||||
type="number"
|
|
||||||
:placeholder="__('请输入手机号码')"
|
|
||||||
maxlength="11"
|
|
||||||
@input="inputphone"
|
|
||||||
:value="user_mobile"
|
|
||||||
/>
|
|
||||||
</view>
|
</view>
|
||||||
<view v-if="!isUserMobile" class="m-cell-ft">
|
<view v-if="!isUserMobile" class="m-cell-ft">
|
||||||
<view class="m-icon-warn uni-icon uni-icon-info" type="warn"></view>
|
<view class="m-icon-warn uni-icon uni-icon-info" type="warn"></view>
|
||||||
@ -196,13 +122,7 @@
|
|||||||
<label class="u-label">{{ __("验证码") }}</label>
|
<label class="u-label">{{ __("验证码") }}</label>
|
||||||
</view>
|
</view>
|
||||||
<view class="m-cell-bd">
|
<view class="m-cell-bd">
|
||||||
<input
|
<input class="u-input" type="number" :placeholder="__('请输入验证码')" maxlength="6" @input="inputcode" />
|
||||||
class="u-input"
|
|
||||||
type="number"
|
|
||||||
:placeholder="__('请输入验证码')"
|
|
||||||
maxlength="6"
|
|
||||||
@input="inputcode"
|
|
||||||
/>
|
|
||||||
</view>
|
</view>
|
||||||
<view v-if="!isCode" class="m-cell-ft">
|
<view v-if="!isCode" class="m-cell-ft">
|
||||||
<view class="m-icon-warn uni-icon uni-icon-info" type="warn"></view>
|
<view class="m-icon-warn uni-icon uni-icon-info" type="warn"></view>
|
||||||
@ -213,19 +133,10 @@
|
|||||||
<view v-else class="m-vcode-btn">{{ btntext }}</view>
|
<view v-else class="m-vcode-btn">{{ btntext }}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<mpvue-city-picker
|
<mpvue-city-picker :themeColor="themeColor" ref="mpvueCityPicker" :pickerValueDefault="cityPickerValueDefault"
|
||||||
:themeColor="themeColor"
|
@onCancel="onCancel" @onConfirm="onConfirm"></mpvue-city-picker>
|
||||||
ref="mpvueCityPicker"
|
|
||||||
:pickerValueDefault="cityPickerValueDefault"
|
|
||||||
@onCancel="onCancel"
|
|
||||||
@onConfirm="onConfirm"
|
|
||||||
></mpvue-city-picker>
|
|
||||||
|
|
||||||
<button
|
<button class="u-btn u-btn-default" @click="submitInfo" style="margin-top: 50rpx">
|
||||||
class="u-btn u-btn-default"
|
|
||||||
@click="submitInfo"
|
|
||||||
style="margin-top: 50rpx"
|
|
||||||
>
|
|
||||||
{{ __("保存") }}
|
{{ __("保存") }}
|
||||||
</button>
|
</button>
|
||||||
</view>
|
</view>
|
||||||
@ -622,7 +533,47 @@ export default {
|
|||||||
isCode: true,
|
isCode: true,
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
upImgs: function (e) {
|
|
||||||
|
onChooseAvatar(event) {
|
||||||
|
const { avatarUrl } = event.detail
|
||||||
|
this.user_avatar = avatarUrl;
|
||||||
|
this.onUploadAvatar(avatarUrl)
|
||||||
|
},
|
||||||
|
|
||||||
|
onUploadAvatar(filePath) {
|
||||||
|
var that = this;
|
||||||
|
let ukey = uni.getStorageSync("ukey");
|
||||||
|
|
||||||
|
that.$.showLoading();
|
||||||
|
|
||||||
|
that.$.uploadFile({
|
||||||
|
url: that.Config.URL.upload,
|
||||||
|
method: "POST",
|
||||||
|
filePath,
|
||||||
|
name: "upfile",
|
||||||
|
formData: {
|
||||||
|
perm_key: ukey,
|
||||||
|
},
|
||||||
|
success: function (n) {
|
||||||
|
that.$.hideLoading();
|
||||||
|
|
||||||
|
var up_res = that.$.parseJSON(n.data);
|
||||||
|
var s = up_res.data.url;
|
||||||
|
that.setData({
|
||||||
|
user_avatar: s,
|
||||||
|
});
|
||||||
|
that.user_avatar = s;
|
||||||
|
},
|
||||||
|
fail: function (e) {
|
||||||
|
that.$.hideLoading();
|
||||||
|
},
|
||||||
|
complete: function (e) {
|
||||||
|
that.$.hideLoading();
|
||||||
|
},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
chooseAvatar: function (e) {
|
||||||
var that = this;
|
var that = this;
|
||||||
let ukey = uni.getStorageSync("ukey");
|
let ukey = uni.getStorageSync("ukey");
|
||||||
that.$.chooseImage({
|
that.$.chooseImage({
|
||||||
@ -650,6 +601,7 @@ export default {
|
|||||||
that.setData({
|
that.setData({
|
||||||
user_avatar: s,
|
user_avatar: s,
|
||||||
});
|
});
|
||||||
|
that.user_avatar = s;
|
||||||
},
|
},
|
||||||
fail: function (e) {
|
fail: function (e) {
|
||||||
that.$.hideLoading();
|
that.$.hideLoading();
|
||||||
@ -796,6 +748,13 @@ export default {
|
|||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.avatar-wrapper {
|
||||||
|
background: none;
|
||||||
|
height: auto;
|
||||||
|
line-height: auto;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.uni-uploader__file {
|
.uni-uploader__file {
|
||||||
width: 80rpx;
|
width: 80rpx;
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user