弹窗修改

src/views/study/Growth.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div v-if="Object.keys(detailData).length" class="growth">
+    <div v-if="!Object.keys(detailData).length" class="growth">
       <div class="growth_heads">
         <div class="growth_left">
           <div class="left_text">我的成长路径</div>
@@ -25,7 +25,7 @@
         </div>
         <div class="growth_right">
           <div class="right_text">什么是成长路径</div>
-          <div class="growth_img" @click="centerDialogVisible= true">
+          <div class="growth_img" @click="checkedTrue">
             <img class="img" src="../../assets/images/growth/mark.png" alt="">
           </div>
         </div>
@@ -125,7 +125,7 @@
             <div class="dialog_body_text">
               本功能针对学员所在组织、岗位、职级自动匹配成长路径，完成本路径方可晋升
             </div>
-            <div class="dialog_body_btn" @click="centerDialogVisible = false">
+            <div class="dialog_body_btn" @click="checkedVisible">
               <span>我已阅读</span>
             </div>
             <div class="dialog_body_foot">
@@ -148,7 +148,7 @@ export default {
     return {
       downBody: false,
       explainBody: false,
-      centerDialogVisible: true,
+      centerDialogVisible: false,
       checked: false,
       detailData: {},
     }
@@ -165,6 +165,11 @@ export default {
         })
       }
     })
+    if(localStorage.getItem("checkedGrowth") != null){
+      this.centerDialogVisible = localStorage.getItem("checkedGrowth") === "true"
+    }else{
+      this.centerDialogVisible = true
+    }
   },
   watch:{
     
@@ -176,6 +181,14 @@ export default {
         query: {growId:this.detailData.growId,name: this.detailData.growName}
       })
     },
+    checkedTrue(){
+      this.centerDialogVisible = true
+      this.checked = localStorage.getItem("checkedGrowth") === "false"
+    },
+    checkedVisible(){
+      this.centerDialogVisible = false
+      localStorage.setItem("checkedGrowth",!this.checked)
+    },
   },
   computed: {
     ...mapGetters(['userInfo'])