2023-10-18 07:52:41 +00:00
|
|
|
|
<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%">
|
2023-10-18 07:54:51 +00:00
|
|
|
|
<tm-images style="margin-top: 90rpx" :width="300" :src="info.goodsInfo.picUrl"></tm-images>
|
2023-10-18 07:52:41 +00:00
|
|
|
|
<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>
|
2023-10-19 06:41:57 +00:00
|
|
|
|
<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">
|
2023-10-18 07:52:41 +00:00
|
|
|
|
确认借用
|
|
|
|
|
</tm-button>
|
2023-10-19 06:41:57 +00:00
|
|
|
|
<tm-button v-if="info.goodsInfo.status===1" @click="returnMe" :round="24" size="g">确认归还</tm-button>
|
2023-10-18 07:52:41 +00:00
|
|
|
|
</div>
|
|
|
|
|
</tm-sheet>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
import {borrowApi, getInfo, returnApi} from "../../http/mine";
|
|
|
|
|
export default {
|
|
|
|
|
name: "index",
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
userInfo:uni.getStorageSync('userInfo'),
|
2023-10-20 04:01:46 +00:00
|
|
|
|
info: {goodsInfo:{picUrl:'',goodsName:'',nickName:''}},
|
2023-10-18 07:52:41 +00:00
|
|
|
|
show: false,
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
console.log(this.userInfo,'this.userInfo')
|
|
|
|
|
this.getData()
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
async borrowMe(){
|
|
|
|
|
const data = {
|
2023-10-19 06:41:57 +00:00
|
|
|
|
"borrowInfoUid": uni.getStorageSync('uid')
|
2023-10-18 07:52:41 +00:00
|
|
|
|
}
|
|
|
|
|
const res= await borrowApi(data)
|
|
|
|
|
if (res.code===200){
|
2023-10-18 07:54:51 +00:00
|
|
|
|
this.getData()
|
2023-10-18 07:52:41 +00:00
|
|
|
|
this.$refs.toast.show({model:'success',label:'借用成功'})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
async returnMe(){
|
|
|
|
|
const data = {
|
2023-10-19 06:41:57 +00:00
|
|
|
|
"borrowInfoUid": uni.getStorageSync('uid')
|
2023-10-18 07:52:41 +00:00
|
|
|
|
}
|
|
|
|
|
const res= await returnApi(data)
|
|
|
|
|
if (res.code===200){
|
2023-10-18 07:54:51 +00:00
|
|
|
|
this.getData()
|
2023-10-18 07:52:41 +00:00
|
|
|
|
this.$refs.toast.show({model:'success',label:'归还成功'})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
async getData() {
|
|
|
|
|
const data = {
|
2023-10-19 06:41:57 +00:00
|
|
|
|
"borrowInfoUid": uni.getStorageSync('uid')
|
2023-10-18 07:52:41 +00:00
|
|
|
|
}
|
|
|
|
|
const res = await getInfo(data)
|
|
|
|
|
if (res.code === 200) {
|
|
|
|
|
this.info = res.data
|
2023-10-20 04:01:46 +00:00
|
|
|
|
}else {
|
|
|
|
|
this.$refs.toast.show({model:'warn',label:res.msg,wait:99999})
|
2023-10-18 07:52:41 +00:00
|
|
|
|
}
|
|
|
|
|
console.log(res, 'getData')
|
|
|
|
|
},
|
|
|
|
|
send() {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
|
|
|
|
|
|
|
</style>
|