提交修改弹窗

src/api/modules/coursePortal.js

@@ -5,7 +5,7 @@
 import ajax from '@/utils/xajax.js'
 
 /**
- * 查询指定条数的课程，用于首页提取
+ * post 请求 查询指定条数的课程，用于首页提取
  * @param {Object} query
  * num：多少条记录
  * orderType：排序方式，1表最新，3表最热

src/layout/components/TopNav/Index.vue

@@ -79,32 +79,15 @@
         <el-button type="primary" @click="submitPwd">提交修改</el-button>
       </span>
     </el-dialog>
-    <el-dialog
+    <el-dialog custom-class="dialog-signin" :show-close="false" :visible.sync="signInShow" :close-on-click-modal="false" width="520px" top="8vh">
-      class="dialog-signin"
+       <div>
-      :show-close="false"
+         <img usemap="#HotMap" src="/pc/ad/dlg.png" style="width:416px;height: 576px;">
-      :visible.sync="signInShow"
+         <map name="HotMap" id="HotMap">
-      :close-on-click-modal="false"
+             <area shape="circle" name="link1" coords="380,40,30" @click="closeSignDlg" href="javascript:;" />
-      width="30%">
+             <area shape="rectangle" name="link2" coords="150,400,300,500" target="_blank"  href="https://boehrsurvey.wjx.cn/vm/PmreuFN.aspx"  />
-      <!-- <span>这是一段信息</span> -->
+           </map>
-      <div style="background-color: #99beff;padding-bottom: 20px;">
-        <div class="signin-bg">
-          <img style="width:100%" :src="`${this.webBaseUrl}/images/newtip/bg.png`" alt="" srcset="">
-          <i @click="toExperience()" class="el-icon-close" style="cursor: pointer;"></i>
         </div>
-       <!-- <div class="signin-box">
+
-          <p class="signin-text"><span>更多彩蛋</span>  <span class="ti-yan" @click="toExperience()">即刻体验>>>  </span></p>
-          <p class="signin-a"><span><a href="https://u.boe.com/upload/video/originfile/50/50d84b41d7e4c29b20e73215b5117fb5.mp4" target="_blank">点击小视频了解更多</a></span></p>
-          <p class="signin-b"><el-checkbox v-model="checked"></el-checkbox> <span>一天之内不再提示</span></p>
-        </div> -->
-		<div class="signin-box2">
-			<div class="signin-checkbox"><el-checkbox v-model="checked"></el-checkbox>一天之内不再提示</div>
-			<!-- <div class="signin-text" @click="toExperience()">点击小视频了解更多</div> -->
-		</div>
-      </div>
-      <div slot="footer" class="dialog-footer dialog-footer-signin">
-        <!-- <el-checkbox v-model="checked">一天之内不在提示</el-checkbox> -->
-        <!-- <el-button type="primary" @click="toExperience()">去体验</el-button> -->
-      </div>
     </el-dialog>
   </div>
 </template>
@@ -118,17 +101,13 @@ export default {
     return {
       checked:true,
       signInShow: false,
+      signLocalTimesKey:'xboe_sign_dlg_times',
       keyword: '',
       findType: '1',
       mouseIndex: 0,
       activeIndex: '',
-      oneSignIn:'boe_new',
+      msg: { num: 0 },
-      msg: {
+      user: { name: '' },
-        num: 0
-      },
-      user: {
-        name: ''
-      },
       pwdDlg: { show: false, newPwd: '', nowPwd: '', rePwd: '' },
       current:1
     };
@@ -146,41 +125,36 @@ export default {
     }
   },
   mounted() {
-    if(this.getCookies() == null) {
+    //控制弹出窗口的代码
-      this.signInShow = true;
+    let now = new Date() //当前时间
+    let end = new Date('2022/06/29 00:00:00') //对比时间
+    if(now.getTime() < end.getTime()){
+        let times = localStorage.getItem(this.signLocalTimesKey);
+        //let isNewLogin=localStorage.getItem(this.$Constants.newLoginKey);
+        let isNewLogin='1';
+        if(isNewLogin && isNewLogin=='1'){
+          if(!times){
+            this.signInShow = true;//显示
+            localStorage.setItem(this.signLocalTimesKey,1);
+          }else{
+            console.log(times,'times');
+            let intTimes=parseInt(times);
+            if(intTimes<4){
+               this.signInShow = true;//显示
+               intTimes++;
+               localStorage.setItem(this.signLocalTimesKey,intTimes);
+            }
+          }
+          localStorage.setItem(this.$Constants.newLoginKey,0);
+        }
+
     }
     this.$store.dispatch('refrashMsg');
   },
   methods: {
-    getCookies() {
+    closeSignDlg(){
-      return Cookies.get(this.oneSignIn)
+       this.signInShow=false;
     },
-    setCookies(token,expiresTime) {
-      //console.log(token,expiresTime,'token,expiresTime');
-      return Cookies.set(this.oneSignIn, token,expiresTime)
-    },
-    removeCookies(){
-      return Cookies.remove(this.oneSignIn)
-    },
-    toExperience() {
-      this.signInShow = false;
-      if(this.checked) {
-        this.setCookies('new',60*60*24)
-      } else {
-        this.removeCookies();
-      }
-    },
-    // searchJump() {
-    //   if(this.findType == '1') {// 课程
-    //     window.open(`/course?keyword=${this.keyword}`);
-    //   } else if(this.findType == '2'){ // 案例
-    //     window.open(`/case?keyword=${this.keyword}`);
-    //   } else if(this.findType == '3'){ //文章
-    //     window.open(`/article?keyword=${this.keyword}`);
-    //   } else if(this.findType == '4'){ // 问答
-    //     window.open(`/qa?keyword=${this.keyword}`);
-    //   }
-    // },
     handleCommand(val) {
       let obj = {
         one: process.env.VUE_APP_BOE_WEB_URL+'/web/teacherLesson',
@@ -238,6 +212,8 @@ export default {
 
 <style lang="scss" scoped>
 ::v-deep .dialog-signin{
+  background: transparent;
+  box-shadow:none;
  .el-dialog__header{
     padding: 0;
   }
@@ -343,7 +319,7 @@ export default {
   z-index: 9999;
   .xtop-content{
     //width: 1500px;
-    
+
     display: flex;
     justify-content: space-between;
     align-items: center;

src/utils/constants.js

@@ -1,6 +1,7 @@
 /**页面设置的一些常量*/
 const constants={
-  fileBaseUrl:'http://127.0.0.1/pc/cdn/upload'
+  fileBaseUrl:'http://127.0.0.1/pc/cdn/upload',
+  newLoginKey:'boe_new_login'
 }
 
 export default constants

src/views/Loading.vue

@@ -41,6 +41,7 @@
            apiLogin.boeLogin(this.curToken).then(rs=>{
              if(rs.status==200){
                //setToken(rs.result.access_token);
+               localStorage.setItem(this.$Constants.newLoginKey,1);
                if(this.toUrl){
                  location.href=this.toUrl;
                }else{

src/views/Login.vue

@@ -99,6 +99,7 @@
               this.$store.dispatch("Login", this.form).then(rs => {
                 if(rs.status == 200){
                   // 记住密码
+                  localStorage.setItem(this.$Constants.newLoginKey,1);
                   if(this.rememberMe){
                     let rememberMeOjb = {rememberMe:true,loginName:this.form.loginName,password:this.form.password};
                     this.$store.dispatch("portal/SetLoginRememberMe", rememberMeOjb)