Administrator
2021-06-17 cbe649348d0bc5429a92d6c6f0e43e41f3aa88f0
子页面返回父页面通过onShow 调用实现数据刷新
2 files modified
151 ■■■■■ changed files
pages/myself/childen/xinxi.vue 6 ●●●● patch | view | raw | blame | history
pages/myself/myself.vue 145 ●●●●● patch | view | raw | blame | history
pages/myself/childen/xinxi.vue
@@ -73,7 +73,11 @@
            return this.$store.state.puserIphone
        },
    },
    mounted(){
    //子页面返回时刷新数据
    onShow(){
        this.getUserInfo();
    },
    onLoad() {
        //页面进入后查询用户账户信息
        this.getUserInfo();
    },
pages/myself/myself.vue
@@ -108,6 +108,10 @@
                this.useimg = this.$store.state.avatar;
            }
        },
        //子页面返回时执行
        onShow() {
        },
        methods: {
            openThere(fn) {
                this[fn]();
@@ -166,73 +170,86 @@
                    that.showTextmsg = false;
                }
            },
            //图片上传
            //头像查看,上传
            ChooseImage() {
                var that = this;
                    uni.chooseImage({
                        count: 1, //可选择数量,默认9
                        sizeType: ['compressed','original'], //上传压缩图,原图
                        sourceType: ['album','camera'], //从相册选择或从使用相机
                        success: async (res) => {
                            for (var i = 0; i < res.tempFiles.length; i++) {
                                if(res.tempFiles[i].size > 10 * 1024 * 1000){  //上传图片大小限制
                                    uni.showToast({
                                        title: "照片大小不能10MB",
                                        icon: "none"
                                    })
                                    return
                                }
                            }
                            var tempFilePath = res.tempFilePaths;
                            try{
                                uni.showLoading({
                                    title:"上传中...",
                                    mask:true
                                })
                                var that = this;
                                // 文件上传
                                uni.uploadFile({
                                    // url: 'https://web.byisf.com/api/blade-jfpts/depl/put-depl', //仅为示例,非真实的接口地址
                                    url: 'http://web.byisf.com:82/blade-jfpts/depl/put-depl',
                                    filePath: tempFilePath[0],
                                    name: 'file',
                                    formData: {
                                        'user': 'test'  // 上传附带参数
                                    },
                                    success: (data) => {
                                        that.useimg = JSON.parse(data.data).data;
                                        //修改用户头像信息
                                        uni.request({
                                            url:"http://s16s652780.51mypc.cn/api/blade-user/updateUserInfo",
                                            method:"POST",
                                            data:{
                                                id: this.$store.state.puserID,
                                                avatar:that.useimg
                                            },
                                            success:(res)=> {
                                                if(res.data.code==200){
                                                    uni.showToast({
                                                        title: '上传成功!',
                                                        duration: 2000
                                                    });
                                                }
                                            }
                                        })
                                    }
                                });
                            }catch(e){
                                console.log(e);
                            }finally{
                                uni.hideLoading();
                            }
                uni.showActionSheet({
                    // itemList按钮的文字接受的是数组
                    itemList: ["查看头像","更换头像"],
                    success(e){
                        var index = e.tapIndex;
                        if(index === 0){
                            // 用户点击了预览当前图片
                            // 可以自己实现当前头像链接的读取
                            let url  = that.useimg;
                            let arr=[]
                            arr.push(url)
                            uni.previewImage({
                                // 预览功能图片也必须是数组的
                                urls: arr
                            })
                        }
                    });
                }
            // geton() {
            //     wx.navigateTo({
            //         url: '../poput/workbench/policeDetails/policeDetails?id=111'
            //     })
            // }
                        if(index === 1){
                            // 用户点击了从图库上传
                            uni.chooseImage({
                                count: 1, //可选择数量,默认9
                                sizeType: ['compressed','original'], //上传压缩图,原图
                                sourceType: ['album','camera'], //从相册选择或从使用相机
                                success: async (res) => {
                                    if(res.tempFiles[0].size > 10 * 1024 * 1000){  //上传图片大小限制
                                        uni.showToast({
                                            title: "照片大小不能10MB",
                                            icon: "none"
                                        })
                                        return
                                    }
                                    var tempFilePath = res.tempFilePaths;
                                    try{
                                        uni.showLoading({
                                            title:"上传中...",
                                            mask:true
                                        })
                                        // 文件上传
                                        uni.uploadFile({
                                            // url: 'https://web.byisf.com/api/blade-jfpts/depl/put-depl', //仅为示例,非真实的接口地址
                                            url: 'http://web.byisf.com:82/blade-jfpts/depl/put-depl',
                                            filePath: tempFilePath[0],
                                            name: 'file',
                                            formData: {
                                                'user': 'test'  // 上传附带参数
                                            },
                                            success: (data) => {
                                                that.useimg = JSON.parse(data.data).data;
                                                //修改用户头像信息
                                                uni.request({
                                                    url:"http://s16s652780.51mypc.cn/api/blade-user/updateUserInfo",
                                                    method:"POST",
                                                    data:{
                                                        id: that.$store.state.puserID,
                                                        avatar:that.useimg
                                                    },
                                                    success:(res)=> {
                                                        if(res.data.code==200){
                                                            uni.showToast({
                                                                title: '上传成功!',
                                                                duration: 2000
                                                            });
                                                        }
                                                    }
                                                })
                                            }
                                        });
                                    }catch(e){
                                        console.log(e);
                                    }finally{
                                        uni.hideLoading();
                                    }
                                }
                            })
                        }
                    }
                });
            }
        },
    }
</script>