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