零散修改

退订提示
自推模板
独立激活页

purchase_H5/src/components/unbuyModal.vue

@@ -346,6 +346,7 @@ export default {
         userid: this.$store.state.user.userid,
       };
       await this.postReson(this.$store.state.user.userid, this.$store.state.user.phone);
+      this.$toast.loading('退订中')
       postBuy(updata).then((res) => {
         if (res.code === 10000) {
           addR.unBuySuccess();

purchase_H5/src/templates/templatePush/components/tongRen.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="btnModal">
     <div class="inputBox">
-      <input v-model="phone" class="input" type="text" maxlength="11" placeholder="请输入联通号码">
+      <input v-model="phone" class="input"  type="text" maxlength="11" placeholder="请输入联通号码">
     </div>
     <div class="btnBox">
       <div class="btnText" :style="{'background-image': `linear-gradient(${pageData.mainJson.btnTopcol},${pageData.mainJson.btnBotcol})`}" @click="btnClick">
@@ -51,6 +51,7 @@ export default {
         this.$toast('请输入手机号')
         return false
       }
+      this.$emit('phoneNum', this.phone)
       if (this.checked == false) {
         this.$toast('请勾选隐私声明')
         return false
@@ -66,7 +67,6 @@ export default {
           return false
         }
         this.$emit('btnClick')
-        this.$emit('phoneNum', this.phone)
       } else {
         this.$toast('手机号格式错误')
       }
@@ -103,4 +103,4 @@ export default {
     border-color: #ffde60;
   }
 }
-</style>
+</style>

purchase_H5/src/templates/templatePush/index.vue

@@ -6,6 +6,9 @@
     <!-- 统一认证组件 -->
     <tong-ren @btnClick='openIframe' :pageData="pageData" @phoneNum="phoneFuction">
     </tong-ren>
+      <div class="memberBtnC" @click="toMemUrl()">
+          如已订购，请领取会员
+      </div>
 
     <div class="contentBox" v-if="pageData.mainJson.explainImg" :style="{'backgroundColor':pageData.mainJson.orderBgcol,'color':pageData.mainJson.pageTextcol}">
       <div class="roundBox long">
@@ -98,6 +101,7 @@ export default {
       tabArr: [],
       type: "",
       text: "",
+      thisMemUrl: "https://cplus.mige.tv/receive-product/"
     }
   },
   created () {
@@ -116,6 +120,7 @@ export default {
           obj.tabUrlApplet = val.tabUrlApplet
           obj.icon = require("./components/img/huiyuan.png")
           arr.push(obj)
+          this.thisMemUrl = val.tabUrlBasics
         }
         if (val.tabName == '流量激活') {
           let obj = {}
@@ -161,7 +166,10 @@ export default {
         this.tabArr.push(obj)
       }
     }
-
+    //
+    // setTimeout(()=>{
+    //     this.isBuy = '已订购';
+    // },1000)
   },
   mounted () {
     addR.showSP();
@@ -176,6 +184,10 @@ export default {
     getChildData (data) {
       this.isBuy = data;
     },
+    toMemUrl() {
+        console.log(this.thisMemUrl)
+      location.href = this.thisMemUrl
+    },
     async beforeLogin (type) {
       this.type = type;
       if (this.user.userid) {
@@ -215,6 +227,20 @@ export default {
     }
   }
 
+    .memberBtnC {
+        width: 396px;
+        height: 66px;
+        background: linear-gradient(0deg, #FBD75B 0%, #FBF3D4 100%);
+        border-radius: 33px;
+        font-size: 34px;
+        font-family: PingFang SC;
+        font-weight: 800;
+        color: rgba(250, 102, 32, 1);
+        line-height: 66px;
+        text-align: center;
+        margin: 30px auto 40px auto;;
+    }
+
   .iframe {
     position: fixed;
     width: 100%;
@@ -252,12 +278,17 @@ export default {
       outline: none;
       height: 100%;
       font-size: 33px;
-      font-family: HYQiHei;
-      font-weight: normal;
-      color: #b0acac;
+      font-family: PingFang SC;
+      font-weight: bold;
+      color: #000000;
       opacity: 0.7;
       line-height: 79px;
     }
+
+      .input::placeholder {
+          color: #b0acac;
+          font-weight: 500;
+      }
   }
 
   .btnBox {
@@ -425,4 +456,4 @@ export default {
     }
   }
 }
-</style>
+</style>

purchase_H5/src/views/page/jihuo-suixinxuan.vue

@@ -3,9 +3,25 @@
     <div class="title">
       <img src="./img/title.png" alt="">
     </div>
+
+      <div class="box contentBox">
+          <div class="roundBox">
+              <div class="mini"></div>
+              <div class="small"></div>
+              <div class="model"></div>
+              <div class="text">温馨提示</div>
+              <div class="model"></div>
+              <div class="small"></div>
+              <div class="mini"></div>
+          </div>
+          <div class="main">
+              <p>如您在收看视频时，播放页面未显示免流标识（免流标识为联通logo），请点击下面的对应图标，进入激活流程引导页面，按照流程指引进行操作激活。</p>
+          </div>
+      </div>
+
     <div class="box list">
 <!--      <div class="span">-->
-<!--        *点击相应APP查看其流量激活流程-->
+<!--        点击相应APP查看其流量激活流程-->
 <!--      </div>-->
       <div class="flex">
         <div class="iconBox" @click="openUrl('tencent')">
@@ -27,20 +43,7 @@
       </div>
 
     </div>
-    <div class="box contentBox">
-      <div class="roundBox">
-        <div class="mini"></div>
-        <div class="small"></div>
-        <div class="model"></div>
-        <div class="text">温馨提示</div>
-        <div class="model"></div>
-        <div class="small"></div>
-        <div class="mini"></div>
-      </div>
-      <div class="main">
-          <p>如您在收看视频时，播放页面未显示免流标识（免流标识为联通logo），请点击上面的对应图标，进入激活流程引导页面，按照流程指引进行操作激活。</p>
-      </div>
-    </div>
+
   </div>
 </template>