jiuyiUniapp/jiuyi/pages/mine/target-store/index.vue

74 lines
2.0 KiB
Vue

<!-- 关注店铺 -->
<template>
<view class="jy-follow-shop">
<JyShopInformation :imgStyle="imgStyle" :showStatus="true" :item="item"
v-for="(item, index) in listProperty.list" :key="index">
<template v-slot:shopRight>
<uni-tag @click="cancelFavorites(item)" :inverted="true" text="取消关注" type="warning" />
</template>
</JyShopInformation>
</view>
</template>
<script>
import { ref } from 'vue'
// 店铺信息
import JyShopInformation from '@/components/public/jy-shop-information'
import apiMixins from '@/components/public/apiMixins.js'
export default {
components: {
JyShopInformation
},
mixins: [apiMixins],
data() {
return {
imgStyle: {
'width': '78rpx',
'height': '78rpx',
'border-radius': ' 6px'
},
}
},
mounted() {
this.init();
},
methods: {
async cancelFavorites(val) {
try {
const res = await api['follow']['delete']({
userId: this.userId.userId,
storeId: val.storeId
})
if (res.code == 200) {
showToastAndRedirect('取消成功', 'none')
this.listProperty.params.pageNum = 1
this.init();
}
} catch (error) {
}
},
init() {
this.listProperty.params.pageSize = 20
this.getData({
api: 'follow',
fn: 'list'
}, {}, true);
},
onReachBottomHandler() {
this.listProperty.params.pageNum++;
this.init();
},
onPullDownRefreshHandler() {
this.listProperty.params.pageNum = 1
this.init();
},
checkboxChange(e) {
console.log('checkboxChange', e)
checkNum = e.detail.value
}
}
}
</script>
<style scoped lang="scss"></style>