134 lines
4.1 KiB
Vue
134 lines
4.1 KiB
Vue
<template>
|
|
<view class="container">
|
|
<view class="item" data-url="/packages/user/uploadAvatar/index" data-title="上传头像" @click="handleSelectClick">
|
|
<view class="item-left">
|
|
<image class="item-icon" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/User/_assets/Group_422.png" />
|
|
<view class="item-title">上传头像</view>
|
|
</view>
|
|
<van-icon name="arrow" color="#D5AC66" />
|
|
</view>
|
|
|
|
<view class="item">
|
|
<view class="item-left">
|
|
<image class="item-icon" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/User/_assets/Classroom.png" />
|
|
<view class="item-title">当前账户</view>
|
|
</view>
|
|
<view class="item-right">{{userInfo.user_name}}</view>
|
|
</view>
|
|
|
|
<view class="item" data-url="/packages/user/resetPwd/index" data-title="修改登录密码" data-type="login"
|
|
@click="handleSelectClick">
|
|
<view class="item-left">
|
|
<image class="item-icon" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/User/_assets/Group_423.png" />
|
|
<view class="item-title">修改登录密码</view>
|
|
</view>
|
|
<van-icon name="arrow" color="#D5AC66" />
|
|
</view>
|
|
|
|
<view class="item not-border" data-url="/packages/user/resetPwd/index" data-title="修改支付密码" data-type="pay"
|
|
@click="handleSelectClick">
|
|
<view class="item-left">
|
|
<image class="item-icon" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/User/_assets/Group_424.png" />
|
|
<view class="item-title">修改支付密码</view>
|
|
</view>
|
|
<van-icon name="arrow" color="#D5AC66" />
|
|
</view>
|
|
|
|
|
|
<!-- 灰色分割线 -->
|
|
<view class="line"></view>
|
|
<view class="item not-border">
|
|
<view class="item-left">
|
|
<image class="item-icon" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/User/_assets/Group_425.png" />
|
|
<view class="item-title">绑定手机</view>
|
|
</view>
|
|
<view class="item-right desc">{{phoneNum}}</view>
|
|
</view>
|
|
<button class="quit_login" @click="handleQuitLoginClick">退出登录</button>
|
|
|
|
<nav-footer />
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import { NavgateTo, request } from '../../../utils/index';
|
|
import { apiArr } from '../../../api/login';
|
|
export default {
|
|
data() {
|
|
return {
|
|
userInfoList: [{
|
|
pic: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/User/_assets/Group_422.png',
|
|
desc: '上传头像',
|
|
url: "/packages/user/uploadAvatar/index",
|
|
isShowPic: true,
|
|
},
|
|
{
|
|
pic: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/User/_assets/Classroom.png',
|
|
desc: '当前账户',
|
|
url: "",
|
|
text: "微信用户"
|
|
},
|
|
{
|
|
pic: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/User/_assets/Group_423.png',
|
|
desc: '修改登录密码',
|
|
type: 'login',
|
|
url: "/packages/user/resetPwd/index",
|
|
isShowPic: true,
|
|
},
|
|
{
|
|
pic: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/User/_assets/Group_424.png',
|
|
desc: '修改支付密码',
|
|
type: 'pay',
|
|
url: "/packages/user/resetPwd/index",
|
|
isShowPic: true,
|
|
isLast: true,
|
|
},
|
|
],
|
|
userInfo: {},
|
|
phoneNum: uni.getStorageSync('phone'),
|
|
}
|
|
},
|
|
methods: {
|
|
async init() {
|
|
const res = await request(apiArr.loginInfo, 'POST', {});
|
|
this.userInfo = res;
|
|
},
|
|
|
|
// 跳转指定页面url
|
|
handleSelectClick(event) {
|
|
const { url, title, type } = event.currentTarget.dataset
|
|
if (!url) return;
|
|
NavgateTo(`${url}?title=${title}&type=${type}`, { isLogin: false })
|
|
},
|
|
|
|
/**
|
|
* 退出登录
|
|
*/
|
|
handleQuitLoginClick() {
|
|
console.log('退出登录');
|
|
uni.removeStorageSync('ctoken');
|
|
uni.removeStorageSync('userId');
|
|
uni.removeStorageSync('phone');
|
|
uni.removeStorageSync('device_id');
|
|
uni.removeStorageSync('dealerId');
|
|
uni.removeStorageSync('is_deal');
|
|
uni.removeStorageSync('is_dev');
|
|
uni.removeStorageSync('is_shop');
|
|
uni.removeStorageSync('openId');
|
|
uni.removeStorageSync('shopArea');
|
|
uni.removeStorageSync('shopId');
|
|
uni.reLaunch({
|
|
url: '/pages/index/index'
|
|
})
|
|
},
|
|
},
|
|
|
|
onLoad() {
|
|
this.init();
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
@import url("./index.css");
|
|
</style> |