fix: action by id instead of index

xwenliang
1 parent 906191f7
Showing 3 changed files with 15 additions and 12 deletions
app.js
pages/result/result.js
pages/result/result.wxml
@@ -65,7 +65,7 @@ App({
         },
         /**
          * @param {(add|delete)} action - 增或删  
-         * @param {object|number} [param] - 增加时是 audio 描述，删除时是索引  
+         * @param {object|number} [param] - 增加时是 audio 描述，删除时是唯一特征 path 值  
          */
         setAudioList(action, param){
             const storageKey = 'audioList';
@@ -75,8 +75,11 @@ App({
                 wx.setStorageSync(storageKey, list);
             }
             if(action === 'delete' && String(param)){
-                list.splice(param, 1);
-                wx.setStorageSync(storageKey, list);
+                const index = list.findIndex(v => v.path === param);
+                if(index > -1){
+                    list.splice(index, 1);
+                    wx.setStorageSync(storageKey, list);
+                }
             }
             return list;
         }
@@ -24,16 +24,16 @@ Page({
         });
     },
     play(e){
-        const { index } = e.target.dataset;
-        const target = app.globalData.getAudioList()[index];
+        const { path } = e.target.dataset;
+        const target = app.globalData.getAudioList().find(v => v.path === path);
         audio && audio.destroy();
         audio = wx.createInnerAudioContext({useWebAudioImplement: true});
         audio.autoplay = true;
         audio.src = target.path;
     },
     download(e){
-        const { index } = e.target.dataset;
-        const target = app.globalData.getAudioList()[index];
+        const { path } = e.target.dataset;
+        const target = app.globalData.getAudioList().find(v => v.path === path);
         const ext = target.path.split('.').pop();
         wx.shareFileMessage({
             filePath: target.path,
@@ -41,7 +41,7 @@ Page({
         });
     },
     delete(e){
-        const { index } = e.target.dataset;
+        const { path } = e.target.dataset;
         wx.showModal({
             title: '提示',
             content: '确认删除吗?',
@@ -49,7 +49,7 @@ Page({
                 if(!res.confirm){
                     return;
                 }
-                const newList = app.globalData.setAudioList('delete', index);
+                const newList = app.globalData.setAudioList('delete', path);
                 this.setData({
                     audioList: formateDate(newList)
                 });
@@ -10,8 +10,8 @@
     </view>
     <view class="btn-view">
         <view class="text-time">{{item.date}}</view>
-        <button class="button" type="warn" size="mini" data-index="{{index}}" bindtap="delete">删除</button>
-        <button class="button" type="primary" size="mini" data-index="{{index}}" bindtap="play">播放</button>
-        <button class="button" type="primary" size="mini" data-index="{{index}}" bindtap="download">下载</button>
+        <button class="button" type="warn" size="mini" data-path="{{item.path}}" bindtap="delete">删除</button>
+        <button class="button" type="primary" size="mini" data-path="{{item.path}}" bindtap="play">播放</button>
+        <button class="button" type="primary" size="mini" data-path="{{item.path}}" bindtap="download">下载</button>
     </view>
 </view>
 \ No newline at end of file