<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>
