From 499a94ded67a4c1e763dc6686afe5a2e99faf407 Mon Sep 17 00:00:00 2001 From: xuxueyang <xuxy@fengyuntec.com> Date: 星期三, 24 七月 2024 11:09:20 +0800 Subject: [PATCH] update 订单功能(花店端) --- sub_pages/customer/self/follow.vue | 140 +++++++++++++++++++++++++++++++++++++++------- 1 files changed, 119 insertions(+), 21 deletions(-) diff --git a/sub_pages/customer/self/follow.vue b/sub_pages/customer/self/follow.vue index 22a77f8..ca6531d 100644 --- a/sub_pages/customer/self/follow.vue +++ b/sub_pages/customer/self/follow.vue @@ -1,29 +1,127 @@ <template> - <view> - - </view> + <view class="follow-page"> + <view class="follow-item m-b-40" v-for="(item,index) of list" :key="index"> + <image class="avatar img100" :src="item.avatar" mode="aspectFill"></image> + <view class="info"> + <view class="name">{{ item.supplierName }}</view> + <view class="time">{{ item.createTime }}</view> + </view> + <view class="m-l-a m-r-0 flex"> + <view class="button button-1" @click="clearFollow(item)">取消关注</view> + <view class="button button-2" @click="toDetail(item)">进店</view> + </view> + </view> + </view> </template> <script> - export default { - data() { - return { - - } - }, - async onPullDownRefresh() { - await this.refreshList() - uni.stopPullDownRefresh() - }, - onLoad(){ - this.listApi = '/api/follow/list' - }, - methods: { - - } - } +export default { + data() { + return {} + }, + async onPullDownRefresh() { + await this.refreshList() + uni.stopPullDownRefresh() + }, + async onShow() { + if (this.sign['follow']) { + await this.$store.dispatch('sign_clear', 'follow'); + this.refreshList() + } + }, + async onLoad() { + await this.$store.dispatch('sign_clear', 'follow'); + this.listApi = '/api/follow/list' + this.getList() + }, + methods: { + toDetail(item) { + uni.navigateTo({ + url: '/sub_pages/customer/shop/shop?id=' + (item.id || '') + }) + }, + clearFollow(item) { + this.$message.showLoading() + // var res; + // if(type){ + // res = await this.$http.request('post',`/api/follow/add`,{ + // data:{ + // supplierId:this.dto.supplierId || this.dto.id + // } + // }) + // }else{ + // res = await this.$http.request('get',`/api/follow/add`,{ + // data:{ + // supplierId:this.dto.supplierId || this.dto.id + // } + // }) + // } + this.$message.hideLoading() + if (code === 0) { + //删除list里的本元素 + for (var i = 0; i < this.list.length; i++) { + if (this.list[i].id === item.id) { + this.list.splice(i, 1) + } + } + } + }, + getList_after() { + // uni. + } + } +} </script> -<style> +<style lang="scss" scoped> +.follow-page { + .follow-item { + .avatar { + width: 114rpx; + height: 114rpx; + border: 2rpx solid #FFFFFF; + border-radius: 50%; + margin-right: 10rpx; + } + .info { + .name { + font-weight: 600; + font-size: 36rpx; + color: #000000; + line-height: 50rpx; + } + + .time { + font-weight: 400; + font-size: 28rpx; + color: #666666; + line-height: 40rpx; + } + } + + .button { + padding: 14rpx 36rpx; + text-align: center; + margin-left: 10rpx; + font-weight: 400; + font-size: 24rpx; + line-height: 60rpx; + + } + + .button-1 { + color: #999999; + border-radius: 34rpx; + border: 2rpx solid #999999; + + } + + .button-2 { + border-radius: 34rpx; + border: 2rpx solid #20613D + color: #20613D; + } + } +} </style> -- Gitblit v1.9.3