Răsfoiți Sursa

fix:微信及app的historypush页面增加省份订阅时间过期提醒弹窗

熊啸云 3 ani în urmă
părinte
comite
168e93873f

+ 110 - 0
src/jfw/modules/app/src/web/templates/weixin/historypush.html

@@ -98,6 +98,70 @@
             padding-top: .34rem;
         }
     </style>
+    <style>
+        .oldUserTips{
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            z-index: 99999;
+            background-color:rgba(0, 0, 0, 0.7);
+        }
+        .updateTips-wrap{
+            width: 6.06rem;
+            height: 4.58rem;
+            background: #FFFFFF;
+            border-radius: 0.16rem 0.16rem 0.16rem 0.16rem;
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translateX(-50%) translateY(-50%);
+        }
+        .updateTips-title{
+            text-align: center;
+            padding-top: 0.48rem;
+            font-size: 0.36rem;
+            font-weight: 500;
+            color: #161826;
+        }
+        .updateTips-text{
+            text-align: left;
+            padding: 0.16rem 0.6rem 0.1rem;
+            font-size: 0.3rem;
+            font-weight: 500;
+            color: #5E5E64;
+            line-height: 0.44rem;
+        }
+        .updateTips-btnWrap{
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            margin-top: 0.32rem;
+            border-top:0.02rem solid rgba(0, 0, 0, 0.1) ;
+        }
+        .updateTips-btn{
+            font-size: 0.36rem;
+            font-weight: 500;
+            color: #161826;
+            width: 50%;
+            height: 0.92rem;
+            line-height: 0.92rem;
+            text-align: center;
+            cursor: pointer;
+        }
+        .updateTips-line{
+            height: 0.92rem;
+            width: 0.02rem;
+            background-color: rgba(0, 0, 0, 0.1);
+        }
+        .levelUp{
+            color: #2ABDD1;
+        }
+        #freeArea{
+            color: #2ABDD1;
+        }
+    </style>
 </head>
 <body class="p13" id="viperSuper" style="background: #fff;overflow: hidden;">
 <!-- 加载数据-->
@@ -147,6 +211,17 @@
     <li id="sub_manager" data-need-bind-phone>订阅管理</li>
   </ul>
 </div>
+<div class="oldUserTips" id="UserTips">
+    <div class="updateTips-wrap">
+        <div class="updateTips-title">省份订阅包到期提醒</div>
+        <div class="updateTips-text">由于您的省份订阅包已到期,免费用户仅限订阅1个省份。<br>订阅区域已恢复为您免费订阅时选择的区域"<span id="freeArea"></span>",如需订阅更多省份,请前往购买省份订阅包。</div>
+        <div class="updateTips-btnWrap">
+            <div class="updateTips-btn" id="cancel" onclick="hiddenTips()">取消</div>
+            <div class="updateTips-line"></div>
+            <div class="updateTips-btn levelUp" id="gotoPay"  onclick="gotoPay()">去购买</div>
+        </div>
+    </div>
+</div>
 <van-popup v-model="bigSubShow" class="product-switch" position="top" get-container="body" :style="{ height: '188px' }">
     <div class="typeswitch" @click="proClick('big')">
         <div class="type-left">
@@ -554,6 +629,41 @@
     });
     </script>
 <script>
+        function hiddenTips() {
+            $('#UserTips').hide()
+        }
+        function gotoPay() {
+            $('#UserTips').hide()
+            location.href = '/jyapp/areaPack/page/buy?type=buy'
+        }
+        // 得到用户是否需要提醒省份订阅包过期
+        function getUserSubscribe() {
+            $.ajax({
+                url: '/publicapply/free/areapack/tip',
+                type: 'POST',
+                success: function (res) {
+                    console.info(res)
+                    console.info($('#UserTips'))
+                    if (res.data.tip) {
+                        $('#UserTips').show()
+                        $('#freeArea').text(res.data.area)
+                        tipsClose()
+                    } else {
+                        $('#UserTips').hide()
+                    }
+                }
+            })
+        }
+        getUserSubscribe()
+        function tipsClose() {
+            $.ajax({
+                url: '/publicapply/free/areapack/update',
+                type: 'POST',
+                success: function (res) {
+                    
+                }
+            })
+        }
   // @手机号绑定及账号合并 2021/1/25
   $("#toKeySet").on('click', tokeyset)
   function receivePushMessageHandle(type,url){

+ 0 - 3
src/web/staticres/vipsubscribe/js/vip_index_new.js

@@ -68,9 +68,6 @@ var subNode = new Vue({
             $.ajax({
                 type: 'POST',
                 url: '/publicapply/subscribe/vipSwitch',
-                data: {
-                    vt:data || ''
-                },
                 success: function(res) {
                     if (res.data.vt !== 'v' ) {
                         _this.vSwitch = 'f'

+ 110 - 0
src/web/templates/weixin/historypush.html

@@ -554,6 +554,70 @@
             overflow: auto;
         }
     </style>
+    <style>
+        .oldUserTips{
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            z-index: 99999;
+            background-color:rgba(0, 0, 0, 0.7);
+        }
+        .updateTips-wrap{
+            width: 6.06rem;
+            height: 4.58rem;
+            background: #FFFFFF;
+            border-radius: 0.16rem 0.16rem 0.16rem 0.16rem;
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translateX(-50%) translateY(-50%);
+        }
+        .updateTips-title{
+            text-align: center;
+            padding-top: 0.48rem;
+            font-size: 0.36rem;
+            font-weight: 500;
+            color: #161826;
+        }
+        .updateTips-text{
+            text-align: left;
+            padding: 0.16rem 0.6rem 0.1rem;
+            font-size: 0.3rem;
+            font-weight: 500;
+            color: #5E5E64;
+            line-height: 0.44rem;
+        }
+        .updateTips-btnWrap{
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            margin-top: 0.32rem;
+            border-top:0.02rem solid rgba(0, 0, 0, 0.1) ;
+        }
+        .updateTips-btn{
+            font-size: 0.36rem;
+            font-weight: 500;
+            color: #161826;
+            width: 50%;
+            height: 0.92rem;
+            line-height: 0.92rem;
+            text-align: center;
+            cursor: pointer;
+        }
+        .updateTips-line{
+            height: 0.92rem;
+            width: 0.02rem;
+            background-color: rgba(0, 0, 0, 0.1);
+        }
+        .levelUp{
+            color: #2ABDD1;
+        }
+        #freeArea{
+            color: #2ABDD1;
+        }
+    </style>
 </head>
 <body class="p13">
     <div id="jyKeepComponent">
@@ -582,6 +646,17 @@
             </div>
             <!-- <span data-need-bind-phone class="sub_manager">订阅管理</span> -->
         </div>
+        <div class="oldUserTips" id="UserTips">
+            <div class="updateTips-wrap">
+                <div class="updateTips-title">省份订阅包到期提醒</div>
+                <div class="updateTips-text">由于您的省份订阅包已到期,免费用户仅限订阅1个省份。<br>订阅区域已恢复为您免费订阅时选择的区域"<span id="freeArea"></span>",如需订阅更多省份,请前往购买省份订阅包。</div>
+                <div class="updateTips-btnWrap">
+                    <div class="updateTips-btn" id="cancel" onclick="hiddenTips()">取消</div>
+                    <div class="updateTips-line"></div>
+                    <div class="updateTips-btn levelUp" id="gotoPay"  onclick="gotoPay()">去购买</div>
+                </div>
+            </div>
+        </div>
     </div>
     <!-- banner -->
     <div class="vip_banner" style="display: none;">
@@ -875,6 +950,41 @@
 <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" >
 </script>
 <script>
+    function hiddenTips() {
+        $('#UserTips').hide()
+    }
+    function gotoPay() {
+        $('#UserTips').hide()
+        location.href = '/areaPack/wx/page/buy?type=buy'
+    }
+    // 得到用户是否需要提醒省份订阅包过期
+    function getUserSubscribe() {
+        $.ajax({
+            url: '/publicapply/free/areapack/tip',
+            type: 'POST',
+            success: function (res) {
+                console.info(res)
+                console.info($('#UserTips'))
+                if (res.data.tip) {
+                    $('#UserTips').show()
+                    $('#freeArea').text(res.data.area)
+                    tipsClose()
+                } else {
+                    $('#UserTips').hide()
+                }
+            }
+        })
+    }
+    getUserSubscribe()
+    function tipsClose() {
+        $.ajax({
+            url: '/publicapply/free/areapack/update',
+            type: 'POST',
+            success: function (res) {
+                
+            }
+        })
+    }
   // @手机号绑定及账号合并 2021/1/25
   $("#toKeySet").on('click', tokeysetForFree)
       var zbadd = {{Msg "seo" "ZBADDRESS"}};