plan-list-alert

src/views/followup/plan-manage/plan-list.vue

@@ -89,6 +89,7 @@
   import { mapState, mapActions} from 'vuex'
   import {deletePlan, getVerifyStatus} from '@/utils/followup/followapis'
   import { getSaasDomain } from '@/utils/index'
+  // import { messageBox } from '@/utils/utils'
   export default {
     components:{
       BreadCrumb,
@@ -157,15 +158,56 @@
       })
     },
     created() {
-      this.init();
+    },
+    mounted() {
+      this.init();      
     },
     watch: {},
     methods: {
       ...mapActions('planManage', ['getPlanList', 'setResidentCrumb', 'setPlanModifyCrumb']),
+      // 验证是否首次进入
+      isFirstEnter() {
+        // getIsFirstEnter().then((res) => {
+        getVerifyStatus().then((res) => {
+          if(res.code !== '000000') {
+            this.search(1);
+          } else {
+
+          this.$alert('根据相关规定，在您开展履约项目前，需要居民授权同意\《云鹊平台隐私协议\》，否则将导致履约量表部分信息无法录入', '', {
+            confirmButtonText: '我知道了   ',
+            showClose: false,
+            // center: true,
+            roundButton: true,
+            customClass: 'plan-list-alert',
+            callback: action => {
+              return;
+            }
+          });
+
+          // this.$alert('根据相关规定，在您开展履约项目前，需要居民授权同意\《云鹊平台隐私协议\》，否则将导致履约量表部分信息无法录入', '', {
+          //   confirmButtonText: '     我知道了    ',
+          //   type: 'info',
+          //   callback: action => {
+          //       // self.$message({
+          //       //     type: 'info',
+          //       //     message: `action: ${ action }`
+          //       // });
+          //       // if (confirmFunction instanceof Function) {
+          //       //     confirmFunction();
+          //       // }
+          //   }
+          // });
+            // messageBox(this, " ", "根据相关规定，在您开展履约项目前，需要居民授权同意\《云鹊平台隐私协议\》，否则将导致履约量表部分信息无法录入", "我知道了", function () {
+            //     // logout();
+            // }, "", null);
+          }
+        })
+      },
       init() {
         getVerifyStatus().then((res) => {
           if(res.code === '000000') {
-            this.search(1);
+            this.isFirstEnter()
+            // this.search(1);
           }else if(res.code === '200008'){
             this.$confirm(`${res.message}`, '提示', {
               confirmButtonText: '去认证',
@@ -278,11 +320,30 @@
     filters: {},
   }
 </script>
-
+<style lang="scss">
+  .plan-list-alert {
+    height: 200px !important;
+    .el-message-box__content {
+      padding: 0 35px 20px;
+    }
+    .el-message-box__message {
+      text-align: left;
+    }
+    .el-message-box__btns {
+      .el-button {
+        width: 200px;
+        span {
+          padding: 10px 50px;
+        }      
+      }
+    }
+  }
+</style>
 <style scoped lang="scss">
 
   @import '../../../style/followup/followup-common';
   @import '../../../style/followup/element-reset.css';
+
   .plan-list-wrapper{
     .plan-list-content{
       .search-input{