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