首次提交
This commit is contained in:
duan
726
pages/my/index.vue
Normal file
726
pages/my/index.vue
Normal file
@@ -0,0 +1,726 @@
|
||||
<template>
|
||||
<view class="content">
|
||||
<view class="head">
|
||||
<view class="head_image">
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<button open-type="chooseAvatar" v-if="token" @chooseavatar="onChooseAvatar">
|
||||
<image style="width: 90rpx;height: 90rpx;border-radius: 50%"
|
||||
:src="avatar?avatar:'../../static/logo.png'"></image>
|
||||
</button>
|
||||
<image v-if="!token" @click="bindlogin" style="width: 90rpx;height: 90rpx;border-radius: 50%"
|
||||
src="../../static/logo.png"></image>
|
||||
<!-- #endif -->
|
||||
<!-- #ifndef MP-WEIXIN -->
|
||||
<image @click="avatar?goLogin():''" style="width: 90rpx;height: 90rpx;border-radius: 50%"
|
||||
:src="avatar?avatar:'../../static/logo.png'"></image>
|
||||
<!-- #endif -->
|
||||
<view class="lovip" v-if="isVip">
|
||||
<image src="../../static/images/my/vip.png" style="width: 88rpx;height: 32rpx;top: -30rpx;"></image>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="head_name">
|
||||
<view class="name" v-if="token" @click="goShop('/pages/my/updateNickName')">{{ userName }}</view>
|
||||
<view class="name" v-if="!token" @click="bindlogin">登录</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="margin-lr padding-lr-sm padding-tb radius flex justify-between" v-if="XCXIsSelect=='是'">
|
||||
<view class="text-center text-black" @click="goShop('/my/coupon/index')">
|
||||
<view class="text-lg text-bold">{{msgData.countCoupon}}</view>
|
||||
<view>外卖优惠券</view>
|
||||
</view>
|
||||
<view class="text-center text-black" @click="goShop('/my/wallet/index')">
|
||||
<view class="text-lg text-bold">{{msgData.userMoney}}</view>
|
||||
<view>我的余额</view>
|
||||
</view>
|
||||
<view class="text-center text-black" @click="goShop('/my/task/index')">
|
||||
<view class="text-lg text-bold">{{msgData.userIntegral}}</view>
|
||||
<view>我的积分</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="margin-bottom padding-lr" style="position: relative;" v-if="XCXIsSelect=='是'">
|
||||
<image src="../../static/images/my/bg.png" style="width: 100%;height: 110rpx;" mode=""></image>
|
||||
<view class="flex justify-between margin-lr padding-tb-sm radius"
|
||||
style="position: absolute;top: 0;width: 640rpx;">
|
||||
<image src="../../static/images/my/huiyuan.png" style="width: 70rpx;height: 70rpx;"></image>
|
||||
<view class="flex-sub margin-left text-lg text-bold" style="line-height: 74rpx;color: #604320;">
|
||||
超级会员享特权
|
||||
</view>
|
||||
<view v-if="!isVip" class="btn-bg" style="color: #604320;" @click="goNav({url:'/my/vip/index'})">去开通
|
||||
</view>
|
||||
<view v-if="isVip" class="btn-bg" style="color: #604320;" @click="goNav({url:'/my/vip/index'})">已开通
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="center flex justify-between bg-white margin-top padding-lr padding-tb-lg radius">
|
||||
<view class="flex justify-between flex-sub padding-right" style="border-right: 2rpx solid #CCCCCC;"
|
||||
@click="goShop('/my/task/index')">
|
||||
<view class="">
|
||||
<view class="text-black text-xl text-bold">每日任务</view>
|
||||
<view class="text-sm margin-top-xs">每日签到领积分</view>
|
||||
</view>
|
||||
<image src="../../static/images/my/renwu.png" mode="" style="width: 88rpx;height: 88rpx;"></image>
|
||||
</view>
|
||||
<view class="flex justify-between flex-sub padding-left" @click="goShop('/my/integral/index')">
|
||||
<view class="">
|
||||
<view class="text-black text-xl text-bold">积分商城</view>
|
||||
<view class="text-sm margin-top-xs flex align-center">积分兑换优惠券</view>
|
||||
</view>
|
||||
<image src="../../static/images/my/jifen.png" mode="" style="width: 88rpx;height: 88rpx;"></image>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="margin padding-lr-sm padding-tb bg-white radius">
|
||||
<view class="flex justify-between align-center">
|
||||
<view class="text-lg text-bold text-black">推荐工具</view>
|
||||
</view>
|
||||
<view class="flex flex-wrap">
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<view class="text-center margin-tb-sm" style="width: 25%;" v-if="XCXIsSelect=='是'">
|
||||
<button class="btn" open-type="share">
|
||||
<image src="../../static/images/my/4.png" style="width: 50rpx;height: 48rpx;" mode=""></image>
|
||||
<view>分享好友</view>
|
||||
</button>
|
||||
</view>
|
||||
|
||||
<view class="text-center margin-tb-sm" style="width: 25%;" @click="goApplet(shopAppId)"
|
||||
v-if="shopStatus == 1&&XCXIsSelect=='是'">
|
||||
<image src="../../static/images/my/1.png" style="width: 55rpx;height: 55rpx;" mode="scaleToFill">
|
||||
</image>
|
||||
<view class="text-sm">商家入驻</view>
|
||||
</view>
|
||||
<view class="text-center margin-tb-sm" style="width: 25%;" @click="goNav({url:'/my/apply/index'})"
|
||||
v-if="shopStatus != 1&&XCXIsSelect=='是'">
|
||||
<image src="../../static/images/my/1.png" style="width: 55rpx;height: 55rpx;" mode="scaleToFill">
|
||||
</image>
|
||||
<view class="text-sm">商家入驻</view>
|
||||
</view>
|
||||
<view class="text-center margin-tb-sm" style="width: 25%;" @click="goApplet(qishouAppId)"
|
||||
v-if="XCXIsSelect=='是'">
|
||||
<image src="../../static/images/my/11.png" style="width: 55rpx;height: 55rpx;" mode="scaleToFill">
|
||||
</image>
|
||||
<view class="text-sm">骑手入驻</view>
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
<!-- #ifndef MP-WEIXIN -->
|
||||
<view class="text-center margin-tb-sm" style="width: 25%;" @click="goNav({url:'/my/apply/index'})"
|
||||
v-if="shopStatus != 1">
|
||||
<image src="../../static/images/my/1.png" style="width: 55rpx;height: 55rpx;" mode="scaleToFill">
|
||||
</image>
|
||||
<view class="text-sm">商家入驻</view>
|
||||
</view>
|
||||
<!-- #ifdef APP -->
|
||||
<view class="text-center margin-tb-sm" style="width: 25%;" @click="shopRuzhu" v-else>
|
||||
<image src="../../static/images/my/1.png" style="width: 55rpx;height: 55rpx;" mode="scaleToFill">
|
||||
</image>
|
||||
<view class="text-sm">商家入驻</view>
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
<!-- #endif -->
|
||||
|
||||
<view class="text-center margin-tb-sm" style="width: 25%;" @click="goNav({url:'/my/tousu/index'})"
|
||||
v-if="XCXIsSelect=='是'">
|
||||
<image src="../../static/images/order/tousu.png" style="width: 55rpx;height: 55rpx;"
|
||||
mode="scaleToFill"></image>
|
||||
<view class="text-sm">我的投诉</view>
|
||||
</view>
|
||||
<view class="text-center margin-tb-sm" style="width: 25%;"
|
||||
@click="goNav({url:'/my/myPingJia/myPingJia'})" v-if="XCXIsSelect=='是'">
|
||||
<image src="../../static/images/order/pingjia.png" style="width: 55rpx;height: 55rpx;"
|
||||
mode="scaleToFill"></image>
|
||||
<view class="text-sm">我的评价</view>
|
||||
</view>
|
||||
<view class="text-center margin-tb-sm" style="width: 25%;" @click="goNav({url:'/my/helpList/index'})">
|
||||
<image src="../../static/images/my/12.png" style="width: 55rpx;height: 55rpx;" mode="scaleToFill">
|
||||
</image>
|
||||
<view class="text-sm">帮助中心</view>
|
||||
</view>
|
||||
<view class="text-center margin-tb-sm" style="width: 25%;" @click="goNav({url:'/my/msg/index'})"
|
||||
v-if="XCXIsSelect=='是'">
|
||||
<image src="../../static/images/my/3.png" style="width: 55rpx;height: 55rpx;" mode="scaleToFill">
|
||||
</image>
|
||||
<view class="text-sm">消息中心</view>
|
||||
</view>
|
||||
<view class="text-center margin-tb-sm" style="width: 25%;" @click="goNav({url:'/running/index/index'})"
|
||||
v-if="XCXIsSelect=='是'">
|
||||
<image src="../../static/images/my/5.png" style="width: 55rpx;height: 55rpx;" mode="scaleToFill">
|
||||
</image>
|
||||
<view class="text-sm">同城跑腿</view>
|
||||
</view>
|
||||
<view class="text-center margin-tb-sm" style="width: 25%;" @click="goNav({url:'/my/setting/chat'})"
|
||||
v-if="XCXIsSelect=='是'">
|
||||
<image src="../../static/images/my/6.png" style="width: 55rpx;height: 55rpx;" mode="scaleToFill">
|
||||
</image>
|
||||
<view class="text-sm">联系客服</view>
|
||||
</view>
|
||||
<view class="text-center margin-tb-sm" style="width: 25%;" @click="goNav({url:'/my/address/index'})">
|
||||
<image src="../../static/images/my/7.png" style="width: 55rpx;height: 55rpx;" mode="scaleToFill">
|
||||
</image>
|
||||
<view class="text-sm">地址管理</view>
|
||||
</view>
|
||||
<view class="text-center margin-tb-sm" style="width: 25%;" @click="goNav({url:'/my/hongbao/hongbao'})"
|
||||
v-if="XCXIsSelect=='是'">
|
||||
<image src="../../static/images/my/9.png" style="width: 55rpx;height: 55rpx;" mode="scaleToFill">
|
||||
</image>
|
||||
<view class="text-sm">跑腿红包</view>
|
||||
</view>
|
||||
<view class="text-center margin-tb-sm" style="width: 25%;position: relative;"
|
||||
@click="goNav({url:'/my/chat/index'})" v-if="XCXIsSelect=='是'">
|
||||
<image src="../../static/images/order/kefu.png" style="width: 55rpx;height: 55rpx;"
|
||||
mode="scaleToFill">
|
||||
</image>
|
||||
<view class="text-sm">聊天室</view>
|
||||
<view v-if="messageCount>0"
|
||||
style="height: 32rpx;width: 32rpx;border-radius: 100rpx;background-color: red;color: #FFF;text-align: center;position: absolute;top:-10rpx;right: 24rpx;">
|
||||
{{messageCount}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="text-center margin-tb-sm" style="width: 25%;" @click="goNav({url:'/my/setting/index'})">
|
||||
<image src="../../static/images/my/8.png" style="width: 55rpx;height: 55rpx;" mode="scaleToFill">
|
||||
</image>
|
||||
<view class="text-sm">系统设置</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import config from '../../common/config.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
messageCount: 0,
|
||||
|
||||
avatar: '',
|
||||
userName: '',
|
||||
checkCertification: -1,
|
||||
arr: [],
|
||||
showModal: true,
|
||||
msgData: {
|
||||
userIntegral: 0,
|
||||
countCoupon: 0,
|
||||
userMoney: 0
|
||||
},
|
||||
|
||||
tuiguang: '',
|
||||
tuiguangImg: '',
|
||||
token: '',
|
||||
XCXIsSelect: '否',
|
||||
shopStatus: '',
|
||||
isVip: false,
|
||||
messageCount: 0,
|
||||
time: '',
|
||||
|
||||
qishouAppId: '', //骑手APPID
|
||||
shopAppId: '', //商户appid
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
let that = this
|
||||
that.token = that.$queue.getData("token")
|
||||
that.$Request.get('/app/common/type/248').then(res => { //跑腿师傅端微信小程序APPID 248
|
||||
if (res.code == 0) {
|
||||
that.qishouAppId = res.data.value
|
||||
}
|
||||
});
|
||||
that.$Request.get('/app/common/type/305').then(res => { //商户端微信小程序APPID 305
|
||||
if (res.code == 0) {
|
||||
that.shopAppId = res.data.value
|
||||
}
|
||||
});
|
||||
that.XCXIsSelect = that.$queue.getData('XCXIsSelect') ? that.$queue.getData('XCXIsSelect') : '是'
|
||||
that.time = setInterval(function() {
|
||||
that.messageCount = uni.getStorageSync('messageCount')
|
||||
if (that.messageCount) {
|
||||
that.messageCount = that.messageCount
|
||||
} else {
|
||||
that.messageCount = 0
|
||||
}
|
||||
}, 3000)
|
||||
that.getZiZhi()
|
||||
|
||||
console.log("that.XCXIsSelect___:" + that.XCXIsSelect)
|
||||
},
|
||||
onHide() {
|
||||
clearInterval(this.time)
|
||||
},
|
||||
onShow() {
|
||||
let that = this
|
||||
// this.avatar = this.$queue.getData('avatar') || '';
|
||||
// this.userName = this.$queue.getData('userName') || '';
|
||||
that.token = that.$queue.getData("token")
|
||||
|
||||
if (that.token) {
|
||||
that.getUserInfo();
|
||||
that.getMsgData()
|
||||
|
||||
that.messageCount = uni.getStorageSync('messageCount')
|
||||
if (that.messageCount) {
|
||||
that.messageCount = that.messageCount
|
||||
} else {
|
||||
that.messageCount = 0
|
||||
}
|
||||
|
||||
} else {
|
||||
that.token = '';
|
||||
that.isVip = false
|
||||
that.userName = ''
|
||||
that.avatar = ''
|
||||
that.msgData.userIntegral = 0
|
||||
that.msgData.countCoupon = 0
|
||||
that.msgData.userMoney = 0
|
||||
}
|
||||
},
|
||||
onShareAppMessage(res) { //发送给朋友
|
||||
return {
|
||||
title: this.tuiguang,
|
||||
path: '/pages/index/index',
|
||||
imageUrl: this.tuiguangImg,
|
||||
}
|
||||
},
|
||||
onShareTimeline(res) { //分享到朋友圈
|
||||
return {
|
||||
title: this.tuiguang,
|
||||
path: '/pages/index/index',
|
||||
imageUrl: this.tuiguangImg,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
//微信填写能力获取头像
|
||||
onChooseAvatar(e) {
|
||||
console.log(e.detail.avatarUrl)
|
||||
let that = this;
|
||||
let token = uni.getStorageSync('token');
|
||||
uni.showLoading({
|
||||
title: '上传中...'
|
||||
});
|
||||
uni.uploadFile({
|
||||
// url: config.APIHOST1 + '/alioss/upload', //仅为示例，非真实的接口地址
|
||||
url: 'https://tcwm.xianmaxiong.com/sqx_fast/alioss/upload', //仅为示例，非真实的接口地址
|
||||
filePath: e.detail.avatarUrl,
|
||||
header: {
|
||||
token: token
|
||||
},
|
||||
name: 'file',
|
||||
success: uploadFileRes => {
|
||||
let url = JSON.parse(uploadFileRes.data).data;
|
||||
that.$Request.postJson(
|
||||
'/app/user/updateUserImageUrl?avatar=' + url).then(
|
||||
res => {
|
||||
uni.hideLoading();
|
||||
if (res.code === 0) {
|
||||
that.$queue.showToast(
|
||||
"更新成功");
|
||||
that.getUserInfo();
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
goLogin() {
|
||||
let that = this;
|
||||
var url = null;
|
||||
let userId = this.$queue.getData('userId');
|
||||
if (!userId) {
|
||||
this.bindlogin();
|
||||
return;
|
||||
}
|
||||
uni.showActionSheet({
|
||||
// itemList按钮的文字接受的是数组
|
||||
itemList: ["查看头像", "从相册选择图片"],
|
||||
success(e) {
|
||||
var index = e.tapIndex
|
||||
if (index === 0) {
|
||||
// 用户点击了预览当前图片
|
||||
// 可以自己实现当前头像链接的读取
|
||||
let url = that.avatar;
|
||||
let arr = []
|
||||
arr.push(url)
|
||||
uni.previewImage({
|
||||
// 预览功能图片也必须是数组的
|
||||
urls: arr
|
||||
})
|
||||
} else if (index === 1) {
|
||||
uni.chooseImage({
|
||||
count: 1, //默认9
|
||||
sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
|
||||
sourceType: ['album'], //从相册选择
|
||||
success: function(res) {
|
||||
uni.showLoading({
|
||||
title: '上传中...'
|
||||
});
|
||||
let token = uni.getStorageSync('token');
|
||||
uni.uploadFile({
|
||||
// url: config.APIHOST1 + '/alioss/upload', //仅为示例，非真实的接口地址
|
||||
url: 'https://tcwm.xianmaxiong.com/sqx_fast/alioss/upload', //仅为示例，非真实的接口地址
|
||||
filePath: res.tempFilePaths[0],
|
||||
header: {
|
||||
token: token
|
||||
},
|
||||
name: 'file',
|
||||
success: uploadFileRes => {
|
||||
url = JSON.parse(uploadFileRes.data).data;
|
||||
that.$Request.postJson(
|
||||
'/app/user/updateUserImageUrl?avatar=' +
|
||||
url).then(
|
||||
res => {
|
||||
uni.hideLoading();
|
||||
if (res.code === 0) {
|
||||
that.$queue.showToast(
|
||||
"更新成功");
|
||||
that.getUserInfo();
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
shopRuzhu() {
|
||||
uni.showToast({
|
||||
title: '请先下载同城外卖商户端APP',
|
||||
icon: 'none'
|
||||
})
|
||||
},
|
||||
getMsgData() {
|
||||
this.$Request.get("/app/userintegral/findUserMessage").then(res => {
|
||||
if (res.code == 0) {
|
||||
this.msgData = res.data
|
||||
}
|
||||
});
|
||||
},
|
||||
// 分享文案和图片
|
||||
getZiZhi() {
|
||||
this.$Request.getT('/app/common/type/239').then(res => {
|
||||
if (res.code === 0) {
|
||||
this.tuiguang = res.data.value;
|
||||
}
|
||||
});
|
||||
this.$Request.getT('/app/common/type/238').then(res => {
|
||||
if (res.code === 0) {
|
||||
this.tuiguangImg = res.data.value;
|
||||
}
|
||||
});
|
||||
},
|
||||
goSwt(e) {
|
||||
uni.setStorageSync('current', e)
|
||||
setTimeout(function() {
|
||||
uni.switchTab({
|
||||
url: '/pages/order/index',
|
||||
})
|
||||
}, 10)
|
||||
},
|
||||
goApplet(e) {
|
||||
uni.navigateToMiniProgram({
|
||||
appId: e,
|
||||
path: 'pages/index/index',
|
||||
success(res) {
|
||||
// 打开成功
|
||||
}
|
||||
})
|
||||
},
|
||||
goNav(e) {
|
||||
if (this.token) {
|
||||
if (e.name == '注册骑手') {
|
||||
uni.navigateToMiniProgram({
|
||||
appId: 'wx5ed22ce813e47796',
|
||||
path: '/pages/login/login',
|
||||
extraData: {
|
||||
'data1': 'test'
|
||||
},
|
||||
success(res) {
|
||||
// 打开成功
|
||||
console.log("打开成功")
|
||||
}
|
||||
})
|
||||
} else if (e.name == '分享好友') {
|
||||
uni.share({
|
||||
provider: "weixin",
|
||||
scene: "WXSceneSession",
|
||||
type: 1,
|
||||
summary: "我正在使用HBuilderX开发uni-app，赶紧跟我一起来体验！",
|
||||
success: function(res) {
|
||||
console.log("success:" + JSON.stringify(res));
|
||||
},
|
||||
fail: function(err) {
|
||||
console.log("fail:" + JSON.stringify(err));
|
||||
}
|
||||
});
|
||||
} else {
|
||||
uni.navigateTo({
|
||||
url: e.url
|
||||
})
|
||||
}
|
||||
|
||||
} else {
|
||||
this.bindlogin();
|
||||
}
|
||||
},
|
||||
goShop(url) {
|
||||
if (this.token) {
|
||||
uni.navigateTo({
|
||||
url
|
||||
})
|
||||
} else {
|
||||
this.bindlogin();
|
||||
}
|
||||
},
|
||||
getUserInfo() {
|
||||
this.$Request.getT('/app/user/selectUserMessage').then(res => {
|
||||
console.log(res)
|
||||
if (res.code == 0) {
|
||||
if (parseInt(res.data.checkCertification)) {
|
||||
this.checkCertification = parseInt(res.data.checkCertification)
|
||||
} else {
|
||||
this.checkCertification = -1;
|
||||
}
|
||||
this.isVip = res.data.isVip
|
||||
this.shopStatus = res.data.shopStatus
|
||||
this.$queue.setData("avatar", res.data.avatar ? res.data.avatar :
|
||||
'../../static/logo.png');
|
||||
this.$queue.setData("userId", res.data.userId);
|
||||
this.$queue.setData("phone", res.data.phone);
|
||||
this.$queue.setData("status", res.data.status);
|
||||
this.$queue.setData("userName", res.data.userName ? res.data.userName : res
|
||||
.data.nickName);
|
||||
this.avatar = res.data.avatar ? res.data.avatar : '../../static/logo.png';
|
||||
this.userName = res.data.userName ? res.data.userName : res.data.nickName
|
||||
}
|
||||
});
|
||||
},
|
||||
bindlogin() {
|
||||
if (!this.token) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/public/login'
|
||||
})
|
||||
}
|
||||
},
|
||||
bindTo(name) {
|
||||
console.log(name)
|
||||
if (this.token) {
|
||||
if (name == '我的红包') {
|
||||
uni.navigateTo({
|
||||
url: '/pages/my/hongbao/hongbao'
|
||||
})
|
||||
} else if (name == '注册骑手') {
|
||||
uni.navigateToMiniProgram({
|
||||
appId: 'wx5ed22ce813e47796',
|
||||
path: '/pages/index/index',
|
||||
extraData: {
|
||||
'data1': 'test'
|
||||
},
|
||||
success(res) {
|
||||
// 打开成功
|
||||
console.log("打开成功")
|
||||
}
|
||||
})
|
||||
} else if (name == '意见反馈') {
|
||||
uni.navigateTo({
|
||||
url: '/pageA/feedback/feedback'
|
||||
})
|
||||
} else if (name == '联系客服') {
|
||||
uni.navigateTo({
|
||||
url: '/pageA/kefu/kefu'
|
||||
})
|
||||
} else if (name == '系统设置') {
|
||||
uni.navigateTo({
|
||||
url: '/pages/my/set/set'
|
||||
})
|
||||
} else if (name == '地址管理') {
|
||||
uni.navigateTo({
|
||||
url: '/pageA/address/address'
|
||||
})
|
||||
}
|
||||
} else {
|
||||
this.bindlogin();
|
||||
}
|
||||
},
|
||||
bindapprove() {
|
||||
|
||||
if (this.token) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/my/approve/approve'
|
||||
})
|
||||
} else {
|
||||
this.bindlogin();
|
||||
}
|
||||
},
|
||||
binduser() {
|
||||
|
||||
if (this.token) {
|
||||
// uni.navigateTo({
|
||||
// url: '/pages/my/userphone/userphone'
|
||||
// })
|
||||
} else {
|
||||
this.bindlogin();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
button::after {
|
||||
border: none;
|
||||
background-color: none;
|
||||
}
|
||||
|
||||
button {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
box-sizing: border-box;
|
||||
text-decoration: none;
|
||||
line-height: 1.35;
|
||||
overflow: hidden;
|
||||
color: #666666;
|
||||
/* background-color: #fff; */
|
||||
background-color: rgba(255, 255, 255, 0) !important;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.btn-bg {
|
||||
width: 64px;
|
||||
height: 28px;
|
||||
background: linear-gradient(90deg, #CDA26E 0%, #DCB78A 100%);
|
||||
border-radius: 28px;
|
||||
text-align: center;
|
||||
line-height: 28px;
|
||||
margin-top: 10upx;
|
||||
|
||||
color: '#604320'
|
||||
}
|
||||
|
||||
body {
|
||||
background: #F5F5F5;
|
||||
}
|
||||
|
||||
/* #ifndef MP-WEIXIN */
|
||||
page {
|
||||
background: #F2EDED;
|
||||
}
|
||||
|
||||
/* #endif */
|
||||
|
||||
.content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.btn {
|
||||
font-size: 24upx;
|
||||
/* width: 95%; */
|
||||
text-align: center;
|
||||
background: #FFFFFF;
|
||||
margin-top: 6rpx;
|
||||
}
|
||||
|
||||
.head {
|
||||
/* width: 100%; */
|
||||
|
||||
/* height: 200rpx; */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 30rpx;
|
||||
border-radius: 16rpx;
|
||||
background-image: linear-gradient(#FEFBDA, #F7F7F7);
|
||||
}
|
||||
|
||||
.head_image {}
|
||||
|
||||
.head_image>image {
|
||||
width: 90rpx;
|
||||
height: 90rpx;
|
||||
border-radius: 50%
|
||||
}
|
||||
|
||||
.head_name {
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
|
||||
.name {
|
||||
|
||||
font-size: 38rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.approve {
|
||||
position: absolute;
|
||||
top: 100rpx;
|
||||
font-size: 24rpx;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
/* 列表 */
|
||||
.use_list {
|
||||
width: 100%;
|
||||
background: #ffffff;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.list_box {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
height: 110rpx;
|
||||
}
|
||||
|
||||
.box_left {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.box_right {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
.use_name {
|
||||
margin-left: 30rpx;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
|
||||
.use_image image {
|
||||
width: 50rpx;
|
||||
height: 50rpx;
|
||||
}
|
||||
|
||||
.center {
|
||||
width: 94%;
|
||||
|
||||
/* line-height: 1.5; */
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 18rpx;
|
||||
margin: 0 auto 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.header_text2 {
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
color: #999999;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
.header_text4 {
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
}
|
||||
</style>
|
||||
197
pages/my/updateNickName.vue
Normal file
197
pages/my/updateNickName.vue
Normal file
@@ -0,0 +1,197 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<view class="wrapper">
|
||||
<view class="input-content">
|
||||
<view class="cu-form-group" style="border: 2upx solid whitesmoke;margin-bottom: 20px;border-radius: 30px">
|
||||
<text class="title">原昵称</text>
|
||||
<input type="text" :value="oldnickName" placeholder-class="input-empty" disabled="true" />
|
||||
</view>
|
||||
<view class="cu-form-group" style="border: 2upx solid whitesmoke;margin-bottom: 20px;border-radius: 30px">
|
||||
<text class="title">新昵称</text>
|
||||
<input type="nickname" v-model="nickName" placeholder="请设置新昵称" placeholder-class="input-empty" maxlength="20"
|
||||
minlength="6" />
|
||||
</view>
|
||||
</view>
|
||||
<button class="confirm-btn" @click="updatNickName">修改昵称</button>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
nickName: '',
|
||||
oldnickName: ''
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.oldnickName = this.$queue.getData('userName');
|
||||
},
|
||||
methods: {
|
||||
updatNickName() {
|
||||
var patrn = /[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘'，。、 ]/im;
|
||||
if (patrn.test(this.nickName)) { // 如果包含特殊字符返回false
|
||||
this.$queue.showToast('包含特殊字符,请重新输入');
|
||||
return;
|
||||
}
|
||||
uni.showLoading({
|
||||
title: '提交中...'
|
||||
});
|
||||
let userId = this.$queue.getData('userId');
|
||||
let data = {
|
||||
userName:this.nickName
|
||||
}
|
||||
this.$Request.postT('/app/user/updateUserName',data).then(res => {
|
||||
uni.hideLoading();
|
||||
if (res.code === 0) {
|
||||
this.$queue.showToast("更新成功");
|
||||
setTimeout(() => {
|
||||
uni.navigateBack();
|
||||
}, 500);
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang='scss'>
|
||||
page {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.send-msg {
|
||||
border-radius: 30px;
|
||||
color: white;
|
||||
height: 30px;
|
||||
font-size: 14px;
|
||||
line-height: 30px;
|
||||
background: #e10a07;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding-top: 32upx;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
position: relative;
|
||||
z-index: 90;
|
||||
background: #fff;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.right-top-sign {
|
||||
position: absolute;
|
||||
top: 40px;
|
||||
right: -15px;
|
||||
z-index: 95;
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
display: block;
|
||||
content: "";
|
||||
width: 20px;
|
||||
height: 40px;
|
||||
background: -moz-linear-gradient(left, #fa4dbe 0, #fbaa58 100%);
|
||||
background: -webkit-gradient(linear,
|
||||
left top,
|
||||
left right,
|
||||
color-stop(0, #fa4dbe),
|
||||
color-stop(100%, #fbaa58));
|
||||
background: -webkit-linear-gradient(left, #fa4dbe 0, #fbaa58 100%);
|
||||
background: -o-linear-gradient(left, #fa4dbe 0, #fbaa58 100%);
|
||||
background: -ms-linear-gradient(left, #fa4dbe 0, #fbaa58 100%);
|
||||
background: linear-gradient(to left, #fa4dbe 0, #fbaa58 100%);
|
||||
}
|
||||
|
||||
&:before {
|
||||
transform: rotate(50deg);
|
||||
border-radius: 0 50px 0 0;
|
||||
}
|
||||
|
||||
&:after {
|
||||
position: absolute;
|
||||
right: -198px;
|
||||
top: 0;
|
||||
transform: rotate(-50deg);
|
||||
border-radius: 50px 0 0 0;
|
||||
/* background: pink; */
|
||||
}
|
||||
}
|
||||
|
||||
.left-bottom-sign {
|
||||
position: absolute;
|
||||
left: -270px;
|
||||
bottom: -320px;
|
||||
/*border: 100upx solid #d0d1fd;*/
|
||||
border-radius: 50%;
|
||||
padding: 90px;
|
||||
}
|
||||
|
||||
|
||||
.welcome {
|
||||
position: relative;
|
||||
left: 30px;
|
||||
top: -55px;
|
||||
font-size: 28px;
|
||||
color: #555;
|
||||
text-shadow: 1px 0px 1px rgba(0, 0, 0, .3);
|
||||
}
|
||||
|
||||
.input-content {
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.confirm-btn {
|
||||
width: 300px;
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
border-radius: 30px;
|
||||
margin-top: 40px;
|
||||
background: #fcd202;
|
||||
color: #fff;
|
||||
|
||||
|
||||
&:after {
|
||||
border-radius: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
.confirm-btn1 {
|
||||
width: 300px;
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
border-radius: 30px;
|
||||
margin-top: 40px;
|
||||
background: whitesmoke;
|
||||
color: grey;
|
||||
|
||||
|
||||
&:after {
|
||||
border-radius: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
.forget-section {
|
||||
text-align: center;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.register-section {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 30px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
|
||||
text {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user