update 订单功能（花店端）

xuxueyang

2024-07-24 499a94ded67a4c1e763dc6686afe5a2e99faf407

 sub_pages/customer/self/follow.vue

@@ -1,29 +1,127 @@
<template>
   <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 {
				
         }
    return {}
      },
      async onPullDownRefresh() {
         await this.refreshList()
         uni.stopPullDownRefresh()
      },
      onLoad(){
  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>