feats

config/api.js

@@ -29,6 +29,10 @@ const $api = {
     building: {
       method: 'GET',
       url: `${BaseAPIURl}wx/collection/:openid`
+    },
+    delBuilding: {
+      method: 'DELETE',
+      url: `${BaseAPIURl}wx/collection/:openid`
     }
   },
   dict: {

pages/MyCollectEstateList/index.js

@@ -29,14 +29,36 @@ create(store, {
   },
   data: {
     list: [],
-    DeleteIndex: null,
-    DeleteOff: true
   },
-  DeleteItem() { // 确认删除逻辑
-    if (this.data.DeleteOff) {
-      this.setData({
-        DeleteOff: false
-      })
-    }
+  DeleteItem(e) { // 确认删除逻辑
+    const buildingId = e.target.dataset.index
+    const userInfo = app.globalData.UserInfo
+    const _self = this
+
+    wx.showModal({
+      title: '确认',
+      content: '确认要删除当前记录?',
+      success(res) {
+        if (res.confirm) {
+          
+          fetch({
+            ...getApi('user.delBuilding', { openid: userInfo.openid }),
+            query: { buildingId },
+          }).then(() => {
+            const list = _self.data.list.filter(x => x.buildingId !== buildingId)
+
+            _self.setData({ list })
+          }).catch((err) => {
+            wx.showToast({
+              title: '删除失败',
+              icon: 'error',
+            })
+          })
+
+        } else if (res.cancel) {
+          console.log('用户点击取消')
+        }
+      }
+    })
   }
 })

pages/MyCollectEstateList/index.wxml

@@ -5,14 +5,14 @@
 
       <!-- 左侧图片 -->
       <view class="img">
-        <image mode="aspectFill" src="{{item.buildingImg}}" class="centerLabel cover" bindtap="DeleteItem"></image>
+        <image mode="aspectFill" src="{{item.buildingImg}}" class="centerLabel cover"></image>
       </view>
 
       <!-- 右侧内容 -->
       <view class="flex-item">
         <view>
           <view class="delete">
-            <image mode="widthFix" src="/assets/images/icon28.png"></image>
+            <image mode="widthFix" src="/assets/images/icon28.png" bindtap="DeleteItem" data-index="{{item.buildingId}}"></image>
           </view>
           <text>{{item.name}}</text>
           <text>{{item.address}}</text>