【我的素材-全景图片】提高上传素材相关代码可读性

src/views/material/pano/index.vue

@@ -178,7 +178,7 @@ import {
 // 1切图，2失败，3成功
 
 const TYPE = "pano";
-const LONGPOLLINGTIME = 10;
+const LONG_POLLING_INTERVAL = 10;
 
 export default {
   name: 'Pano',
@@ -195,7 +195,7 @@ export default {
   data() {
     return {
       config,
-      isLongPolling: false, // TODO?
+      longPollingSwitch: false,
       showRename: false,
       showPreview: false,
       showCover: false,
@@ -223,13 +223,13 @@ export default {
   mounted() {
   },
   watch: {
-    isLongPolling: {
+    longPollingSwitch: {
       handler: function (newVal) {
         if (!newVal) {
           this.getMaterialList(true);
           this.clearinter();
         } else {
-          this.Longpolling();
+          this.beginLongPolling();
         }
       },
     },
@@ -251,11 +251,11 @@ export default {
       this.interval && clearInterval(this.interval);
       this.interval = null;
     },
-    Longpolling() {
+    beginLongPolling() {
       this.clearinter();
       this.interval = setInterval(() => {
         this._checkMStatus(true);
-      }, LONGPOLLINGTIME * 1000);
+      }, LONG_POLLING_INTERVAL * 1000);
     },
     handleRename(newName) {
       editMaterial(
@@ -361,7 +361,7 @@ export default {
               this.getMaterialList(true)
             }
             if (!tmp.some((item) => item.status == 1)) {
-              this.isLongPolling = false;
+              this.longPollingSwitch = false;
             }
           }
         );
@@ -449,7 +449,7 @@ export default {
         });
       })
 
-
+      // 检查宽高比的任务队列
       let p = [];
       canUploadList.forEach((i) => {
         let promise = getImgWH(i);
@@ -457,9 +457,11 @@ export default {
       });
 
       Promise.all(p).then((result) => {
+        // 上传任务队列
         let pp = [];
         p.length > 0 &&
           result.forEach((data) => {
+            // 剔除图像宽高比不符合要求的那些上传任务
             let { width, height } = data.WH;
             if (width != 2 * height) {
               let idx = this.uploadList.findIndex(
@@ -471,6 +473,8 @@ export default {
                 type: 'error'
               });
             }
+
+            // 上传
             let params = {};
             params["file"] = data.file;
             let promise = new Promise((resolve, reject) => {
@@ -490,6 +494,8 @@ export default {
             });
             pp.push(promise);
           });
+
+        // 所有上传任务结束后，改变this.uploadList里各任务状态，并把返回的任务结果添上去，并开始long polling
         pp.length > 0 &&
           Promise.all(pp).then((response) => {
             if (response.length > 0) {
@@ -504,7 +510,7 @@ export default {
                       ...this.uploadList[idx],
                       ...item.data,
                     };
-                    this.isLongPolling = true;
+                    this.longPollingSwitch = true;
                   }
                 }
               });