<template> <div style="background-image: url(../../static/image/login/ju554@3x.png);width: 100vw;height: 100vh;overflow: hidden"> <tm-message ref="toast"></tm-message> <tm-sheet style="height: 92%"> <tm-images style="margin-top: 90rpx" :width="300" :src="info.goodsInfo.picUrl"></tm-images> <div style="display: flex;justify-content: center;align-items: center;margin-top: 90rpx">{{info.goodsInfo.goodsName}}</div> <div style="display: flex;justify-content: center;align-items: center;margin-top: 90rpx">借用人: {{userInfo.nickName}}</div> <div style="margin-top: 200rpx;display: flex;flex-direction: column;align-items: center"> <tm-button @click="borrowMe" v-if="info.goodsInfo.currentPosition!==info.userName" style="margin-bottom: 100rpx" :round="24" size="g"> 确认借用 </tm-button> <tm-button v-if="info.goodsInfo.status===1" @click="returnMe" :round="24" size="g">确认归还</tm-button> </div> </tm-sheet> </div> </template> <script> import {borrowApi, getInfo, returnApi} from "../../http/mine"; export default { name: "index", data() { return { userInfo:uni.getStorageSync('userInfo'), info: {goodsInfo:{picUrl:'',goodsName:'',nickName:''}}, show: false, } }, mounted() { console.log(this.userInfo,'this.userInfo') this.getData() }, methods: { async borrowMe(){ const data = { "borrowInfoUid": uni.getStorageSync('uid') } const res= await borrowApi(data) if (res.code===200){ this.getData() this.$refs.toast.show({model:'success',label:'借用成功'}) } }, async returnMe(){ const data = { "borrowInfoUid": uni.getStorageSync('uid') } const res= await returnApi(data) if (res.code===200){ this.getData() this.$refs.toast.show({model:'success',label:'归还成功'}) } }, async getData() { const data = { "borrowInfoUid": uni.getStorageSync('uid') } const res = await getInfo(data) if (res.code === 200) { this.info = res.data }else { this.$refs.toast.show({model:'warn',label:res.msg,wait:99999}) } console.log(res, 'getData') }, send() { } } } </script> <style scoped lang="scss"> </style>