You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
130 lines
3.8 KiB
Vue
130 lines
3.8 KiB
Vue
1 year ago
|
<template>
|
||
|
|
<view>
|
||
|
|
<form @submit="onSubmit">
|
||
|
|
<view class="weui-cells__group weui-cells__group_form">
|
||
|
|
<view class="weui-cells weui-cells_form br8 mt0">
|
||
|
|
<view class="weui-cell">
|
||
|
|
<view class="weui-cell__hd"><label class="weui-label fw500">用户名</label></view>
|
||
|
|
<view class="weui-cell__bd">
|
||
|
|
<input name="userName" type="nickname" :value="userName" class="weui-input tr" placeholder="请输入用户名" placeholder-class="weui-input__placeholder" />
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<button type="" formType="submit" hover-class="thover" class="loginOut normalBtn" style="margin-top: 90px" @click.stop="login">保存</button>
|
||
|
|
</form>
|
||
|
|
<!-- <button bindtap='toRole'>123</button> -->
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
// pages/changeName/index.js
|
||
|
|
const app = getApp();
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
userId: '',
|
||
|
|
userName: '',
|
||
|
|
btnLoading: false
|
||
|
|
};
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* 生命周期函数--监听页面加载
|
||
|
|
*/,
|
||
|
|
onLoad: function (options) {},
|
||
|
|
/**
|
||
|
|
* 生命周期函数--监听页面初次渲染完成
|
||
|
|
*/
|
||
|
|
onReady: function () {},
|
||
|
|
/**
|
||
|
|
* 生命周期函数--监听页面显示
|
||
|
|
*/
|
||
|
|
onShow: function () {
|
||
|
|
this.setData({
|
||
|
|
userId: app.globalData.user.id,
|
||
|
|
userName: app.globalData.user.userName
|
||
|
|
});
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* 生命周期函数--监听页面隐藏
|
||
|
|
*/
|
||
|
|
onHide: function () {},
|
||
|
|
/**
|
||
|
|
* 生命周期函数--监听页面卸载
|
||
|
|
*/
|
||
|
|
onUnload: function () {},
|
||
|
|
/**
|
||
|
|
* 页面相关事件处理函数--监听用户下拉动作
|
||
|
|
*/
|
||
|
|
onPullDownRefresh: function () {},
|
||
|
|
/**
|
||
|
|
* 页面上拉触底事件的处理函数
|
||
|
|
*/
|
||
|
|
onReachBottom: function () {},
|
||
|
|
methods: {
|
||
|
|
onSubmit(e) {
|
||
|
|
console.log(e);
|
||
|
|
var that = this;
|
||
|
|
if (app.globalData.isEmptyCheck(e.detail.value.userName)) {
|
||
|
|
uni.showToast({
|
||
|
|
icon: 'none',
|
||
|
|
title: '请输入姓名',
|
||
|
|
duration: 3000
|
||
|
|
});
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
var formData = e.detail.value;
|
||
|
|
formData['userId'] = that.userId;
|
||
|
|
console.log(formData);
|
||
|
|
uni.request({
|
||
|
|
url: app.globalData.ip + '/user/updateUserName',
|
||
|
|
method: 'POST',
|
||
|
|
header: app.globalData.headers,
|
||
|
|
data: formData,
|
||
|
|
success: function (res) {
|
||
|
|
console.log(res);
|
||
|
|
if (res.data.status == 200) {
|
||
|
|
app.globalData.user.userName = formData.userName;
|
||
|
|
uni.navigateBack({
|
||
|
|
delta: 1
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
uni.showToast({
|
||
|
|
icon: 'none',
|
||
|
|
title: res.data.msg,
|
||
|
|
duration: 2000
|
||
|
|
});
|
||
|
|
that.setData({
|
||
|
|
btnLoading: false
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 用户点击右上角分享
|
||
|
|
*/
|
||
|
|
// toRole() {
|
||
|
|
// let res = {
|
||
|
|
// data:{
|
||
|
|
// msg:'失败'
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
// wx.navigateTo({
|
||
|
|
// url: `/pages/returnMessage/index?type=fail&msg=${res.data.msg}&status=304`,
|
||
|
|
// });
|
||
|
|
// },
|
||
|
|
onShareAppMessage1: function () {},
|
||
|
|
|
||
|
|
login() {
|
||
|
|
console.log('占位：函数 login 未声明');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
<style>
|
||
|
|
@import './index.css';
|
||
|
|
</style>
|