77 lines
2.3 KiB
Vue
77 lines
2.3 KiB
Vue
<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>
|