29945

src/saas/AppCountryAlbum/EditAlbum.vue

@@ -1,10 +1,11 @@
 <template>
-  <div class="EditAlbum">
+  <div class="EditAlbum" v-if="pageShow">
     <div class="img-item" v-for="(item, index) in list" :key="index" @click="choose(index)">
       <image class="img" :src="item.photoUrl" mode="aspectFill" />
       <span class="icon" v-if="!item.checked"></span>
       <image class="icon" v-else src="./images/img-choose.png" />
     </div>
+    <span class="empty" v-if="!list.length">该相册暂无可编辑内容</span>
     <div class="EditAlbum-footer">
       <div @click="move">移动至</div>
       <div @click="remove">删除</div>
@@ -57,7 +58,8 @@
         list: [],
         currIndex: 0,
         isAdmin: false,
-        albumList: []
+        albumList: [],
+        pageShow: false
       }
     },
 
@@ -72,6 +74,7 @@
     },
 
     onLoad (query) {
+      this.$loading()
       this.isAdmin = !!this.$store.state.user.adminAuthType
       this.id = query.id
       this.getAlbumList()
@@ -97,6 +100,8 @@
                 checked: false
               }
             })
+
+            this.pageShow = true
           }
         })
       },
@@ -170,6 +175,15 @@
       box-sizing: border-box;
     }
 
+    .empty {
+      position: absolute;
+      top: 160px;
+      left: 50%;
+      color: #8e8e90;
+      font-size: 28px;
+      transform: translateX(-50%);
+    }
+
     .album {
       height: 100%;
       overflow: hidden;