uni-item-manage/pages/borrow/index.vue

77 lines
2.3 KiB
Vue
Raw Permalink Normal View History

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>