拼图汇报

src/saas/AppCountryAlbum/AddReport.vue

@@ -10,6 +10,7 @@
         @click="changeComponent(item, index)">
         <image class="img" :src="item.thum" />
         <image class="checked" v-if="currIndex === index" src="./images/xuanzhong.png" />
+        <span @click="toEdit">编辑</span>
       </div>
     </div>
     <div class="report-btn" data-html2canvas-ignore @click="save">完成</div>
@@ -65,6 +66,10 @@
         })
       },
 
+      toEdit () {
+        this.$refs.reportItem.linkTo()
+      },
+
       save () {
         this.$loading()
         this.$refs.reportItem.screenshot() && this.$refs.reportItem.screenshot().then(canvas => {
@@ -173,6 +178,23 @@
           height: 208px;
         }
 
+        span {
+          display: none;
+          position: absolute;
+          top: 50%;
+          left: 50%;
+          z-index: 1;
+          width: 128px;
+          height: 56px;
+          line-height: 56px;
+          text-align: center;
+          color: #fff;
+          font-size: 32px;
+          background: rgba(0, 0, 0, 0.8);
+          border-radius: 8px;
+          transform: translate(-50%, -50%);
+        }
+
         .checked {
           position: absolute;
           top: 0;
@@ -186,6 +208,10 @@
           .img {
             border: 4px solid #408EF6;
           }
+
+          span {
+            display: block;
+          }
         }
       }
     }