修改奖品列表重复问题

src/components/custom/videolist.wpy

@@ -151,8 +151,7 @@
       _invalidDown: 0,
       _videoContexts: [],
       loading: false,
-      isFirstUp: true，
-      isComputing: false
+      isFirstUp: true,
     },
     watch: {
       videoList () {
@@ -178,7 +177,8 @@
     },
     methods: {
       compute (newVal) {
-        this.isComputing = true;
+        if (!this.curQueue.length) return;
+
         this.nextQueue.forEach(v => {
           v.probability = getProbability(+newVal, +v.coinQuantity);
         });
@@ -194,7 +194,6 @@
         this.curQueue = [...this.curQueue];
         this.nextQueue = [...this.nextQueue];
         this.prevQueue = [...this.prevQueue];
-        this.isComputing = false;
       },
       async getProgress(id) {
         const detail = await getAwardsDetail({ prizeId: id });
@@ -252,60 +251,53 @@
           this.isFirstUp = false;
           await fn(700);
         }
-        // if (timeout) clearTimeout(timeout);
 
-        // timeout = setTimeout(() => {
-          const direction = diff === 1 || diff === -2 ? 'up' : 'down';
-          if (direction === 'up') {
-            if (this._invalidDown === 0) {
-              const change = (this._change + 1) % 3;
-              const add = this.nextQueue.shift();
-              const remove = this.curQueue[change];
-              if (add) {
-                this.prevQueue.push(remove);
-                this.curQueue[change] = add;
-                this._change = change;
-                if (this.nextQueue.length === 0) this.nextQueue.push(this.prevQueue.shift());
-              } else {
-                this._invalidUp += 1;
-              }
+        const direction = diff === 1 || diff === -2 ? 'up' : 'down';
+        if (direction === 'up') {
+          if (this._invalidDown === 0) {
+            const change = (this._change + 1) % 3;
+            const add = this.nextQueue.shift();
+            const remove = this.curQueue[change];
+            if (add) {
+              this.prevQueue.push(remove);
+              this.curQueue[change] = add;
+              this._change = change;
+              if (this.nextQueue.length === 0) this.nextQueue.push(this.prevQueue.shift());
             } else {
-              this._invalidDown -= 1;
+              this._invalidUp += 1;
             }
+          } else {
+            this._invalidDown -= 1;
           }
-          if (direction === 'down') {
-            if (this._invalidUp === 0) {
-              const _change2 = this._change;
-              const _remove = this.curQueue[_change2];
-              const _add = this.prevQueue.pop();
-              if (_add) {
-                this.curQueue[_change2] = _add;
-                this.nextQueue.unshift(_remove);
-                this._change = (_change2 - 1 + 3) % 3;
-                console.log('this.prevQueue.length', this.prevQueue.length);
-                if (this.prevQueue.length === 0) this.prevQueue.push(this.nextQueue.pop());
-              } else {
-                this._invalidDown += 1;
-              }
+        }
+        if (direction === 'down') {
+          if (this._invalidUp === 0) {
+            const _change2 = this._change;
+            const _remove = this.curQueue[_change2];
+            const _add = this.prevQueue.pop();
+            if (_add) {
+              this.curQueue[_change2] = _add;
+              this.nextQueue.unshift(_remove);
+              this._change = (_change2 - 1 + 3) % 3;
+              if (this.prevQueue.length === 0) this.prevQueue.push(this.nextQueue.pop());
             } else {
-              this._invalidUp -= 1;
+              this._invalidDown += 1;
             }
+          } else {
+            this._invalidUp -= 1;
           }
-          this.curQueue = [...this.curQueue];
-          this.nextQueue = [...this.nextQueue];
-          this.prevQueue = [...this.prevQueue];
-          this.circular = true;
+        }
+        this.curQueue = [...this.curQueue];
+        this.nextQueue = [...this.nextQueue];
+        this.prevQueue = [...this.prevQueue];
+        this.circular = true;
 
-          if (this.nextQueue.length === 0 && current !== 0) {
-            console.log('circular1');
-            this.circular = false;
-          }
-          if (this.prevQueue.length === 0 && current !== 2) {
-            console.log('circular2');
-            this.circular = false;
-          }
-          console.log(this.prevQueue.map(v => v.id), this.curQueue.map(v => v.id), this.nextQueue.map(v => v.id));
-        // }, 700);
+        if (this.nextQueue.length === 0 && current !== 0) {
+          this.circular = false;
+        }
+        if (this.prevQueue.length === 0 && current !== 2) {
+          this.circular = false;
+        }
       },
       onWaiting (e) {
         this.trigger(e, 'wait');
@@ -366,7 +358,7 @@
       cancelPause() {
         // console.log('bindchange');
         this.pause = false;
-      },
+      }
     }
   });
 </script>