add生成海报引导

src/views/tool.vue

@@ -157,6 +157,12 @@
       </div>
     </div>
     <navigation :is-x="isX" :apply-status="applyStatus" :tool-status="toolStatus" :mine-status="mineStatus"></navigation>
+    <div id="guideBox" @click="guide" v-if="guideStatus==0">
+      <img v-if="guideId==1" src="../assets/guide1.jpg">
+      <img v-else-if="guideId==2" src="../assets/guide2.jpg">
+      <img v-else-if="guideId==3" src="../assets/guide3.jpg">
+      <img v-else="guideId==4" src="../assets/guide4.jpg">
+    </div>
     <loading :loadingShow="loadingShow"></loading>
   </div>
 </template>
@@ -198,8 +204,10 @@ export default {
       signature: '',// 必填，签名
 
       tipDialogShow: false,
-      tipDialogText: ''
+      tipDialogText: '',
 
+      guideStatus: 1,//是否进行过新手引导 1：已经引导过 0：未引导过
+      guideId: 1,// 引导顺序
     }
   },
   components: {
@@ -258,12 +266,15 @@ export default {
       this.enrollStatus = response.data.enrollStatus
       this.status = response.data.status
 
+      this.guideStatus = response.data.guideStatus
+
       if(this.days!=60){
         var deviceW = document.documentElement.clientWidth;
         var deviceH = document.documentElement.clientHeight;
         // alert(deviceW+'，'+deviceH)
         
         let pic = document.getElementById("posterOutAddpicBox")
+        console.log(pic)
         if(deviceW == 375 && deviceH == 603){//iPhone 678
           // pic.style.top = '80px'
           pic.style.width = '200px'
@@ -451,6 +462,23 @@ export default {
           document.getElementById('posterBox').scrollIntoViewIfNeeded(true);
         }
       },100)
+    },
+    guide() {
+      this.guideId+=1
+      if(this.guideId>4){
+        console.log('引导完成')
+        this.loadingShow = true
+        request({
+          url: '/api/MarketingToolApi/users/guide',
+          method: 'post',
+          data: {
+            token: localStorage.getItem("token")
+          }
+        }).then(response => {
+          this.loadingShow = false
+          this.guideStatus = 1
+        })
+      }
     }
 
   }
@@ -461,6 +489,18 @@ export default {
     // height: 100%;
     padding-bottom: 80px;
     position: relative;
+    #guideBox{
+      position: fixed;
+      left: 0;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      background: rgb(119,119,119);
+      z-index: 9999;
+      img{
+        width: 100%;
+      }
+    }
   }
   #posterCon{
     padding: 10px 35.5px 0;