清空旧模板

purchase_H5/src/common/loadVant.js

@@ -1,6 +0,0 @@
-import Vue from 'vue';
-import {
-  Overlay
-} from 'vant'
-
-Vue.component(Overlay.name, Overlay)

purchase_H5/src/common/mixinNew.js

@@ -1,603 +0,0 @@
-import {
-  postBuy,
-  orderList,
-  searchResult,
-  changeBackUserid,
-  changeUseridToPhone,
-  memberGive,
-  getCode,
-  login,
-  seniorStrategy,
-  strategyGetID,
-  postByte
-} from '../api'
-import util from '../util'
-import addR from "../common/addRecord";
-import {
-  Dialog
-} from 'vant';
-export default {
-  data() {
-    return {
-      iframeUrl: process.env.VUE_APP_IFAMRE,
-      param: {
-        cpid: '',
-        spid: '',
-        channel: "boyuan",
-        channeltype: "1",
-        timestamp: "",
-        clienttype: "3",
-        sign: "",
-        phone: "",
-        theme: "",
-        version: "1.0.0",
-        servicephone: "",
-      },
-      loginForm: {
-        phone: "",
-        vcode: "",
-      },
-      codeState: {
-        state: false,
-        time: 60,
-        task: null,
-      },
-      payState: false,
-      iframe: {},
-      showZhezhao: false,
-      showTimeout: false,
-      callback: "",
-      // 临时实现
-      bgc: '#ffffff',
-      showVcode: false,
-      dateTime: new Date()
-    }
-  },
-  computed: {
-    user() {
-      return this.$store.state.user
-    },
-    pageData() {
-      this.param.cpid = this.$store.state.pageData.mainProduct.cpid
-      this.param.spid = this.$store.state.pageData.mainProduct.spid
-      return this.$store.state.pageData
-    }
-  },
-  created() {
-    addR.openPage() // 页面打开事件
-    let {
-      mappid,
-      callback,
-      userid,
-      tid
-    } = util.query2obj(location.search)
-    if (mappid) {
-      changeBackUserid({
-        userid: decodeURIComponent(mappid),
-        cpid: this.pageData.mainProduct.cpid
-      }).then(res => {
-        this.$sensors.registerPage({
-          attr3: "盲盒活动"
-        });
-        localStorage.setItem('beCome', '盲盒活动')
-        this.$store.commit('setUser', {
-          userid: res.data.userid,
-          phone: res.data.phone
-        })
-        addR.loginSuccess()
-      })
-    }
-    if (userid) {
-      changeUseridToPhone({
-        userid: decodeURIComponent(userid)
-      }).then(res => {
-        this.$store.commit('setUser', {
-          userid: decodeURIComponent(userid),
-          phone: res.data
-        })
-        addR.loginSuccess()
-      })
-    }
-    if (callback) {
-      this.callback = callback;
-    }
-
-    if (tid) { // 任务id获取
-      this.$sensors.registerPage({
-        taskid: tid
-      });
-      //  addr相关埋点也需要增加该参数  旭哥在改接口  今天更新
-      this.$store.commit('setTid', tid)
-    }
-  },
-  mounted() {
-    var that = this
-    let channelKey = that.pageData.channl.channelKey
-    if (!channelKey) {
-      localStorage.setItem('key', channelKey)
-    }
-    // 统一认证监听
-    window.addEventListener('message', e => {
-      document.body.style.overflow = '';
-      if (e.data.type === 'onActiveCallback') {} else if (e.data.type === 'onBuyCallback') {
-        window.console.log(e.data.data.msg)
-        // this.$toast(e.data.data.msg)
-      } else {
-        try {
-          var data = JSON.parse(e.data);
-          switch (data.resultcode) {
-            case "0": //处理成功
-              changeUseridToPhone({
-                userid: decodeURIComponent(data.userid)
-              }).then(res => {
-                this.$store.commit('setUser', {
-                  userid: decodeURIComponent(data.userid),
-                  phone: res.data
-                })
-                this.$sensors.login(res.data)
-                this.onMessageSuccess(data);
-              })
-              break;
-            case "0001": //auth_no无效
-            case "0003": //client_id不存在
-            case "4444": //服务暂时不可用（系统忙/系统队列满）
-            case "9001": //关闭H5认证页面
-              that.showZhezhao = false
-              that.iframe.remove();
-              that.$toast(res.data);
-
-              break;
-            default:
-              that.$toast(res.data)
-              break;
-          }
-        } catch (e) {}
-      }
-    }, false);
-    // 关闭页面监听
-    if (navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) {
-      window.addEventListener("pagehide", e => this.unloadHandler(e));
-    } else {
-      window.addEventListener("unload", e => this.unloadHandler(e));
-    }
-  },
-  methods: {
-    onSearchResult() {
-      let fromSource = localStorage.getItem('beCome')
-      searchResult({
-        anonymousId: this.$sensors.store._state.$device_id, //cap接口新增神策id
-        testId: this.$store.state.testId,
-        testGroupId: this.$store.state.testGroupId,
-        productId: this.pageData.mainProduct.id,
-        cpid: this.param.cpid,
-        spid: this.param.spid,
-        userid: this.user.userid,
-        fromSource: fromSource,
-        needJoinActivity: this.pageData.remarks.isZhic === '1' ? 1 : 0,
-      })
-      this.showTimeout = true
-      this.getIsBuy()
-    },
-    checkVcode() {
-      if (this.loginForm.vcode.length > 6) {
-        this.loginForm.vcode = this.loginForm.vcode.slice(0, 6);
-      }
-    },
-    openIframe() {
-      document.body.style.overflow = 'hidden';
-      var that = this
-      // if (!localStorage.getItem('key')) {
-      //   this.$toast.fail('渠道无效')
-      //   return false
-      // }
-      this.$toast.loading({
-        message: '请求中...'
-      });
-      let now = Date.now()
-      that.param.timestamp = now
-      if (that.phone) {
-        that.param.phone = that.phone
-      }
-      that.param.sign = that.$md5(this.param.cpid + now + '!QAZ2wsx')
-      let iframe = document.createElement('iframe');
-      let bodyDom = document.getElementById('temp');
-      iframe.id = 'iframe'
-      iframe.classList.add('iframe')
-      iframe.src = that.iframeUrl
-      bodyDom.insertBefore(iframe, bodyDom.lastChild)
-      this.iframe = iframe
-      addR.buyClick()
-      iframe.onload = function () {
-        iframe.contentWindow.postMessage(JSON.stringify(that.param), that.iframeUrl)
-        if (that.pageData.remarks.isMask === '1') {
-          that.showZhezhao = true
-        }
-        that.$toast.clear();
-      }
-    },
-    async onMessageSuccess(data) {
-      this.iframe.remove();
-      this.showZhezhao = false
-      // this.$sensors.login(decodeURIComponent(data.userid))
-      addR.getToken()
-
-      let params = {
-        anonymousId: this.$sensors.store._state.$device_id,
-        channleKey: localStorage.getItem("key"),
-        spId: this.param.spid,
-        userId: decodeURIComponent(data.userid),
-      };
-      let item = await seniorStrategy(params);
-      if (item.data !== null) {
-        // 判断高级策略是否开启遮罩;
-        if (item.data.enableMask !== null) {
-          this.pageData.remarks.isMask = String(item.data.enableMask);
-          // 判断高级策略是否有遮罩文案 并替换
-          if (item.data.maskText !== null && item.data.maskText !== "") {
-            this.pageData.remarks.maskText = item.data.maskText;
-          }
-        }
-        // 判断高级策略是否开启有推荐
-        if (
-          item.data.recommendStrategy !== "" &&
-          item.data.recommendStrategy !== null
-        ) {
-          let itemList = item.data.recommendStrategy.split(",");
-          this.pageData.recommend = [];
-          itemList.forEach((v) => {
-            strategyGetID({
-              id: v,
-            }).then((resp) => {
-              this.pageData.recommend.push(resp.data);
-            });
-          });
-        }
-        if (item.data.cancelRule !== "" && item.data.cancelRule !== null) {
-          this.pageData.strategyInfo.unsubscribeStrategyList =
-            item.data.cancelRule.split(",");
-        }
-        if (item.data.interceptRule === "1") {
-          this.pageData.interceptRule = item.data.interceptRule;
-        }
-        if (item.data.location !== "" && item.data.location !== null) {
-          this.pageData.location = item.data.location.split(",");
-        }
-      }
-      if (this.pageData.interceptRule !== "1") {
-        let fromSource = localStorage.getItem('beCome')
-        let updata = {
-          cpid: this.param.cpid,
-          spid: this.param.spid,
-          productId: this.pageData.mainProduct.id,
-          channelKey: this.pageData.channl.channelKey,
-          token: data.token,
-          type: '0',
-          userid: decodeURIComponent(data.userid),
-          needJoinActivity: this.pageData.remarks.isZhic === '1' ? 1 : 0,
-          fromSource: fromSource,
-          anonymousId: this.$sensors.store._state.$device_id,
-          testId: this.$store.state.testId,
-          testGroupId: this.$store.state.testGroupId,
-        }
-        await postBuy(updata).then(res => {
-          if (res.code == 10000) {
-            this.isBuy = '已订购'
-            this.payState = true
-            addR.buySuccess()
-            this.$toast.success('订购成功');
-            this.postApi()
-
-            if (this.pageData.remarks.isZhic === '1') {
-              setTimeout(() => {
-                this.giveMember()
-              }, 1500)
-            }
-            if (this.pageData.mainProduct.cpid === 'mangtv16') {
-              setTimeout(() => {
-                window.location.href = this.pageData.mainProduct.flowJumpUrl
-              }, 1500)
-
-            }
-            // if (this.pageData.mainProduct.threshold > 0 && this.pageData.mainProduct.threshold !== null) {
-            //   if (res.data.toMember === 1) {
-            //     setTimeout(() => {
-            //       this.giveMember()
-            //     }, 1500)
-            //   }
-            // } else {
-            //   if (this.pageData.remarks.isZhic === '1') {
-            //     setTimeout(() => {
-            //       this.giveMember()
-            //     }, 1500)
-            //   }
-            // }
-          }
-        }, response => {
-          if (response.code !== 500) {
-            // this.onSearchResult()
-            this.showTimeout = true
-            this.postApi()
-          } else {
-            if (response.message != "指定时间内重复请求") {
-              if (response.message == "您已订购，请不要重复订购！" && this.pageData.remarks.orderRepeat && this.pageData.remarks.orderRepeat !== '' && this.pageData.remarks.orderRepeat !== null) {
-                this.repeatShow = true
-              } else {
-                this.$toast.fail({
-                  message: response.message,
-                  duration: 5000
-                })
-              }
-
-            }
-            addR.buyFail(response)
-            this.getIsBuy()
-          }
-        }).catch(res => {
-          console.log(res)
-        })
-      } else {
-        Dialog({
-          message: '您不能订购当前产品!',
-          theme: 'round-button',
-        })
-      }
-    },
-    unloadHandler(e) {
-      // addR.closePage()   //页面关闭事件
-      let startTime = this.dateTime.getTime()
-      let endTime = new Date().getTime()
-      let duration = endTime - startTime
-      localStorage.setItem('duration', duration)
-      addR.pageBrowseTime()
-      localStorage.removeItem('duration')
-    },
-    // 短信认证
-    toBuy() {
-      let {
-        phone,
-        vcode
-      } = this.loginForm;
-      if (!/^1[23456789]\d{9}$/.test(phone)) {
-        return this.$toast("请输入正确手机号");
-      }
-      if (!vcode) {
-        return this.$toast("请输入验证码");
-      }
-      addR.buyClick()
-      return login({
-        phone,
-        vcode
-      }).then(res => {
-        clearInterval(this.codeState.task);
-        addR.getToken()
-        this.codeState.task = null;
-        this.codeState.state = false;
-        this.codeState.time = 60;
-        let flag = this.user.userid === ''
-        this.$store.commit('setUser', {
-          userid: res.data.userid,
-          phone: this.loginForm.phone
-        })
-        if (flag) {
-          addR.loginSuccess()
-        }
-        this.loginForm = {}
-        let params = {
-          anonymousId: this.$sensors.store._state.$device_id,
-          channleKey: localStorage.getItem("key"),
-          spId: this.param.spid,
-          userId: res.data.userid,
-        };
-        seniorStrategy(params).then(item => {
-          if (item.data !== null) {
-            // 判断高级策略是否开启遮罩;
-            if (item.data.enableMask !== null) {
-              this.pageData.remarks.isMask = String(item.data.enableMask);
-              // 判断高级策略是否有遮罩文案 并替换
-              if (item.data.maskText !== null && item.data.maskText !== "") {
-                this.pageData.remarks.maskText = item.data.maskText;
-              }
-            }
-            // 判断高级策略是否开启有推荐
-            if (
-              item.data.recommendStrategy !== "" &&
-              item.data.recommendStrategy !== null
-            ) {
-              let itemList = item.data.recommendStrategy.split(",");
-              this.pageData.recommend = [];
-              itemList.forEach((v) => {
-                strategyGetID({
-                  id: v,
-                }).then((resp) => {
-                  this.pageData.recommend.push(resp.data);
-                });
-              });
-            }
-            if (item.data.cancelRule !== "" && item.data.cancelRule !== null) {
-              this.pageData.strategyInfo.unsubscribeStrategyList =
-                item.data.cancelRule.split(",");
-            }
-            if (item.data.interceptRule === "1") {
-              this.pageData.interceptRule = item.data.interceptRule;
-            }
-            if (item.data.location !== "" && item.data.location !== null) {
-              this.pageData.location = item.data.location.split(",");
-            }
-          }
-        })
-        if (this.pageData.interceptRule !== "1") {
-          let fromSource = localStorage.getItem('beCome')
-          let updata = {
-            cpid: this.param.cpid,
-            spid: this.param.spid,
-            productId: this.pageData.mainProduct.id,
-            channelKey: this.pageData.channl.channelKey,
-            token: res.data.token ? res.data.token : "0",
-            type: '0',
-            userid: res.data.userid,
-            needJoinActivity: this.pageData.remarks.isZhic === '1' ? 1 : 0,
-            fromSource: fromSource,
-            anonymousId: this.$sensors.store._state.$device_id,
-            testId: this.$store.state.testId,
-            testGroupId: this.$store.state.testGroupId,
-          }
-          postBuy(updata).then(res => {
-            if (res.code == 10000) {
-              this.isBuy = '已订购'
-              this.payState = true
-              addR.buySuccess()
-              this.$toast.success('订购成功');
-              this.postApi()
-              if (this.pageData.remarks.isZhic === '1') {
-                setTimeout(() => {
-                  this.giveMember()
-                }, 1500)
-              }
-              if (this.pageData.mainProduct.cpid === 'mangtv16') {
-                setTimeout(() => {
-                  window.location.href = this.pageData.mainProduct.flowJumpUrl
-                }, 1500)
-              }
-              // if (this.pageData.mainProduct.threshold > 0 && this.pageData.mainProduct.threshold !== null) {
-              //   if (res.data.toMember === 1) {
-              //     setTimeout(() => {
-              //       this.giveMember()
-              //     }, 1500)
-              //   }
-              // } else {
-              //   if (this.pageData.remarks.isZhic === '1') {
-              //     setTimeout(() => {
-              //       this.giveMember()
-              //     }, 1500)
-              //   }
-              // }
-            }
-          }, response => {
-            if (response.code !== 500) {
-              // this.onSearchResult()
-              this.showTimeout = true
-              this.postApi()
-            } else {
-              if (response.message == "您已订购，请不要重复订购！" && this.pageData.remarks.orderRepeat && this.pageData.remarks.orderRepeat !== '' && this.pageData.remarks.orderRepeat !== null) {
-                this.repeatShow = true
-              } else {
-                this.$toast.fail({
-                  message: response.message,
-                  duration: 5000
-                })
-              }
-              // this.$toast.fail({
-              //   message: response.message
-              // })
-              addR.buyFail(response)
-              this.getIsBuy()
-            }
-          }).catch(res => {
-            console.log(res)
-          })
-        } else {
-          Dialog({
-            message: '您不能订购当前产品!',
-            theme: 'round-button',
-          })
-        }
-
-      }, res => {
-        this.$toast(res.message);
-      })
-    },
-    getCode() {
-      if (this.codeState.state) return;
-      let {
-        phone
-      } = this.loginForm;
-      if (!/^1[23456789]\d{9}$/.test(phone)) {
-        return this.$toast("请输入正确手机号");
-      }
-      if (this.checked === false) {
-        return this.$toast.fail("请先勾选隐私声明");
-      }
-      getCode({
-        phone
-      }).then(res => {
-        this.$toast("验证码已发送");
-        this.codeState.state = true;
-        this.codeState.task = setInterval(() => {
-          if (this.codeState.time <= 0) {
-            clearInterval(this.codeState.task);
-            this.codeState.task = null;
-            this.codeState.state = false;
-            this.codeState.time = 60;
-          } else {
-            this.codeState.time--;
-          }
-        }, 1000);
-      }, res => {
-        this.$toast(res.message);
-      })
-
-    },
-    // 直接领取会员
-    giveMember() {
-      let updata = {
-        activeType: this.pageData.mainProduct.activeType,
-        userid: this.user.userid,
-        channelKey: this.pageData.channl.channelKey,
-        isCompositeProduct: this.pageData.mainProduct.isCompositeProduct,
-      };
-      addR.memberClick();
-      memberGive(updata)
-        .then(
-          (res) => {
-            addR.memberSuccess();
-            this.$toast.success('会员领取成功');
-          },
-          (response) => {
-            addR.memberFail(response);
-            this.$toast(response.message);
-          }
-        )
-        .catch(() => {
-          this.$toast.fail('会员领取失败，请手动领取')
-        });
-    },
-    // 刷新订购状态
-    getIsBuy() {
-      orderList({
-        userid: this.user.userid,
-        cpid: this.param.cpid,
-        spid: this.param.spid,
-      }).then((res) => {
-        let data = res.data;
-        if (data.length === 0) {
-          this.isBuy = "未订购";
-        } else {
-          for (let i = 0; i < data.length; i++) {
-            if (data[i].STATUS === "0") {
-              this.isBuy = "已订购";
-            } else {
-              this.isBuy = "已退订";
-            }
-          }
-        }
-      });
-    },
-    // 字节埋点回传
-    postApi() {
-      let apiQuery = util.query2obj(location.search)
-      if (apiQuery.clickid) {
-        let nowTime = new Date().getTime()
-        let params = {
-          event_type: "form",
-          context: {
-            ad: {
-              callback: apiQuery.clickid
-            },
-          },
-          timestamp: nowTime
-        }
-        postByte(params)
-      }
-    },
-  }
-}

purchase_H5/src/common/mixinTogetherNew.js

@@ -1,617 +0,0 @@
-import {
-    postBuy,
-    orderList,
-    searchResult,
-    changeBackUserid,
-    changeUseridToPhone,
-    memberGive,
-    getCode,
-    login,
-    seniorStrategy,
-    strategyGetID,
-    postByte
-} from '../api'
-import util from '../util'
-import addR from "../common/addRecord";
-import {
-    Dialog
-} from 'vant';
-export default {
-    data() {
-        return {
-            iframeUrl: process.env.VUE_APP_IFAMRE,
-            param: {
-                cpid: '',
-                spid: '',
-                channel: "boyuan",
-                channeltype: "1",
-                timestamp: "",
-                clienttype: "3",
-                sign: "",
-                phone: "",
-                theme: "",
-                version: "1.0.0",
-                servicephone: "",
-            },
-            loginForm: {
-                phone: "",
-                vcode: "",
-            },
-            codeState: {
-                state: false,
-                time: 60,
-                task: null,
-            },
-            payState: false,
-            iframe: {},
-            showZhezhao: false,
-            showTimeout: false,
-            callback: "",
-            // 临时实现
-            bgc: '#ffffff',
-            showVcode: false,
-            dateTime: new Date()
-        }
-    },
-    computed: {
-        user() {
-            return this.$store.state.user
-        },
-        pageData() {
-            this.param.cpid = this.$store.state.pageData.mainProduct.cpid
-            this.param.spid = this.$store.state.pageData.mainProduct.spid
-            return this.$store.state.pageData
-        }
-    },
-    created() {
-        addR.openPage() // 页面打开事件
-        let {
-            mappid,
-            callback,
-            userid,
-            tid
-        } = util.query2obj(location.search)
-        if (mappid) {
-            changeBackUserid({
-                userid: decodeURIComponent(mappid),
-                cpid: this.pageData.mainProduct.cpid
-            }).then(res => {
-                this.$sensors.registerPage({
-                    attr3: "盲盒活动"
-                });
-                localStorage.setItem('beCome', '盲盒活动')
-                this.$store.commit('setUser', {
-                    userid: res.data.userid,
-                    phone: res.data.phone
-                })
-                addR.loginSuccess()
-            })
-        }
-        if (userid) {
-            changeUseridToPhone({
-                userid: decodeURIComponent(userid)
-            }).then(res => {
-                this.$store.commit('setUser', {
-                    userid: decodeURIComponent(userid),
-                    phone: res.data
-                })
-                addR.loginSuccess()
-            })
-        }
-        if (callback) {
-            this.callback = callback;
-        }
-        if (tid) { // 任务id获取
-            this.$sensors.registerPage({
-                taskid: tid
-            });
-            //  addr相关埋点也需要增加该参数  旭哥在改接口  今天更新
-            this.$store.commit('setTid', tid)
-        }
-    },
-    mounted() {
-        var that = this
-        let channelKey = that.pageData.channl.channelKey
-        if (!channelKey) {
-            localStorage.setItem('key', channelKey)
-        }
-        // 统一认证监听
-        window.addEventListener('message', e => {
-            document.body.style.overflow = '';
-            if (e.data.type === 'onActiveCallback') {} else if (e.data.type === 'onBuyCallback') {
-                window.console.log(e.data.data.msg)
-                // this.$toast(e.data.data.msg)
-            } else {
-                try {
-                    var data = JSON.parse(e.data);
-                    switch (data.resultcode) {
-                        case "0": //处理成功
-                            changeUseridToPhone({
-                                userid: decodeURIComponent(data.userid)
-                            }).then(res => {
-                                this.$store.commit('setUser', {
-                                    userid: decodeURIComponent(data.userid),
-                                    phone: res.data
-                                })
-                                this.$sensors.login(res.data)
-                                this.onMessageSuccess(data);
-                            })
-                            break;
-                        case "0001": //auth_no无效
-                        case "0003": //client_id不存在
-                        case "4444": //服务暂时不可用（系统忙/系统队列满）
-                        case "9001": //关闭H5认证页面
-                            that.showZhezhao = false
-                            that.iframe.remove();
-                            that.$toast(res.data);
-
-                            break;
-                        default:
-                            that.$toast(res.data)
-                            break;
-                    }
-                } catch (e) {}
-            }
-        }, false);
-        // 关闭页面监听
-
-        if (navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) {
-            window.addEventListener("pagehide", e => this.unloadHandler(e));
-        } else {
-            window.addEventListener("unload", e => this.unloadHandler(e));
-        }
-    },
-    methods: {
-        onSearchResult() {
-            let fromSource = localStorage.getItem('beCome')
-            searchResult({
-                anonymousId: this.$sensors.store._state.$device_id, //cap接口新增神策id
-                testId: this.$store.state.testId,
-                testGroupId: this.$store.state.testGroupId,
-                productId: this.pageData.mainProduct.id,
-                cpid: this.param.cpid,
-                spid: this.param.spid,
-                userid: this.user.userid,
-                fromSource: fromSource,
-                needJoinActivity: this.pageData.remarks.isZhic === '1' ? 1 : 0,
-            })
-            this.showTimeout = true
-            this.getIsBuy()
-        },
-        checkVcode() {
-            if (this.loginForm.vcode.length > 6) {
-                this.loginForm.vcode = this.loginForm.vcode.slice(0, 6);
-            }
-        },
-        openIframe() {
-            document.body.style.overflow = 'hidden';
-            var that = this
-            // if (!localStorage.getItem('key')) {
-            //     this.$toast.fail('渠道无效')
-            //     return false
-            // }
-            this.$toast.loading({
-                message: '请求中...'
-            });
-            let now = Date.now()
-            that.param.timestamp = now
-            that.param.sign = that.$md5(this.param.cpid + now + '!QAZ2wsx')
-            let iframe = document.createElement('iframe');
-            let bodyDom = document.getElementById('temp');
-            iframe.id = 'iframe'
-            iframe.classList.add('iframe')
-            iframe.src = that.iframeUrl
-            bodyDom.insertBefore(iframe, bodyDom.lastChild)
-            this.iframe = iframe
-            addR.buyClick()
-            iframe.onload = function () {
-                iframe.contentWindow.postMessage(JSON.stringify(that.param), that.iframeUrl)
-                if (that.pageData.remarks.isMask === '1' && that.pageData.mainProduct.discountInfo) {
-                    that.showZhezhao = true
-                }
-                that.$toast.clear();
-            }
-        },
-        async onMessageSuccess(data) {
-            this.iframe.remove();
-            this.showZhezhao = false
-            // this.$sensors.login(decodeURIComponent(data.userid))
-            addR.getToken()
-
-            let params = {
-                anonymousId: this.$sensors.store._state.$device_id,
-                channleKey: localStorage.getItem("key"),
-                spId: this.param.spid,
-                userId: decodeURIComponent(data.userid),
-            };
-            let item = await seniorStrategy(params);
-            if (item.data !== null) {
-                // 判断高级策略是否开启遮罩;
-                if (item.data.enableMask !== null) {
-                    this.pageData.remarks.isMask = String(item.data.enableMask);
-                    // 判断高级策略是否有遮罩文案 并替换
-                    if (item.data.maskText !== null && item.data.maskText !== "") {
-                        this.pageData.remarks.maskText = item.data.maskText;
-                    }
-                }
-                // 判断高级策略是否开启有推荐
-                if (
-                    item.data.recommendStrategy !== "" &&
-                    item.data.recommendStrategy !== null
-                ) {
-                    let itemList = item.data.recommendStrategy.split(",");
-                    this.pageData.recommend = [];
-                    itemList.forEach((v) => {
-                        strategyGetID({
-                            id: v,
-                        }).then((resp) => {
-                            this.pageData.recommend.push(resp.data);
-                        });
-                    });
-                }
-                if (item.data.cancelRule !== "" && item.data.cancelRule !== null) {
-                    this.pageData.strategyInfo.unsubscribeStrategyList =
-                        item.data.cancelRule.split(",");
-                }
-                if (item.data.interceptRule === "1") {
-                    this.pageData.interceptRule = item.data.interceptRule;
-                }
-                if (item.data.location !== "" && item.data.location !== null) {
-                    this.pageData.location = item.data.location.split(",");
-                }
-            }
-            if (this.pageData.interceptRule !== "1") {
-                let fromSource = localStorage.getItem('beCome')
-                let updata = {
-                    cpid: this.param.cpid,
-                    spid: this.param.spid,
-                    productId: this.pageData.mainProduct.id,
-                    channelKey: this.pageData.channl.channelKey,
-                    token: data.token,
-                    type: '0',
-                    userid: decodeURIComponent(data.userid),
-                    needJoinActivity: this.pageData.remarks.isZhic === '1' ? 1 : 0,
-                    fromSource: fromSource,
-                    anonymousId: this.$sensors.store._state.$device_id,
-                    testId: this.$store.state.testId,
-                    testGroupId: this.$store.state.testGroupId,
-                }
-                postBuy(updata).then(res => {
-                    if (res.code == 10000) {
-                        this.isBuy = '已订购'
-                        this.payState = true
-                        addR.buySuccess()
-                        this.$toast.success('订购成功');
-                        this.postApi()
-
-                        if (this.pageData.remarks.isZhic === '1') {
-                            setTimeout(() => {
-                                this.giveMember()
-                            }, 1500)
-                        }
-                        if (this.pageData.mainProduct.cpid === 'mangtv16') {
-                            setTimeout(() => {
-                                window.location.href = this.pageData.mainProduct.flowJumpUrl
-                            }, 1500)
-                        }
-                        // if (this.pageData.mainProduct.threshold > 0 && this.pageData.mainProduct.threshold !== null) {
-                        //   if (res.data.toMember === 1) {
-                        //     setTimeout(() => {
-                        //       this.giveMember()
-                        //     }, 1500)
-                        //   }
-                        // } else {
-                        //   if (this.pageData.remarks.isZhic === '1') {
-                        //     setTimeout(() => {
-                        //       this.giveMember()
-                        //     }, 1500)
-                        //   }
-                        // }
-                        if (this.param.cpid === "kuaishou") {
-                            window.ksBridge.register(
-                                "emitFreeTrafficUpdate",
-                                "emitFreeTrafficUpdate"
-                            );
-                            window.ksBridge.emitFreeTrafficUpdate({
-                                complete: (res) => {
-                                    console.log(res);
-                                },
-                            });
-                        }
-                    }
-                }, response => {
-                    if (response.code !== 500) {
-                        // this.onSearchResult()
-                        this.showTimeout = true
-                        this.postApi()
-                    } else {
-                        if (response.message != "指定时间内重复请求") {
-                            if (response.message == "您已订购，请不要重复订购！" && this.pageData.remarks.orderRepeat && this.pageData.remarks.orderRepeat !== '' && this.pageData.remarks.orderRepeat !== null) {
-                                this.repeatShow = true
-                            } else {
-                                this.$toast.fail({
-                                    message: response.message,
-                                    duration: 5000
-                                })
-                            }
-                        }
-                        addR.buyFail(response)
-                        this.getIsBuy()
-                    }
-                }).catch(res => {
-                    console.log(res)
-                })
-            } else {
-                Dialog({
-                    message: '您不能订购当前产品!',
-                    theme: 'round-button',
-                })
-            }
-        },
-        unloadHandler(e) {
-            // addR.closePage()   //页面关闭事件
-            let startTime = this.dateTime.getTime()
-            let endTime = new Date().getTime()
-            let duration = endTime - startTime
-            localStorage.setItem('duration', duration)
-            addR.pageBrowseTime()
-            localStorage.removeItem('duration')
-        },
-        // 短信认证
-        toBuy() {
-            let {
-                phone,
-                vcode
-            } = this.loginForm;
-            if (!/^1[23456789]\d{9}$/.test(phone)) {
-                return this.$toast("请输入正确手机号");
-            }
-            if (!vcode) {
-                return this.$toast("请输入验证码");
-            }
-            addR.buyClick()
-            return login({
-                phone,
-                vcode
-            }).then(async res => {
-                clearInterval(this.codeState.task);
-                addR.getToken()
-                this.codeState.task = null;
-                this.codeState.state = false;
-                this.codeState.time = 60;
-                let flag = this.user.userid === ''
-                this.$store.commit('setUser', {
-                    userid: res.data.userid,
-                    phone: this.loginForm.phone
-                })
-                if (flag) {
-                    addR.loginSuccess()
-                }
-                this.loginForm = {}
-                let params = {
-                    anonymousId: this.$sensors.store._state.$device_id,
-                    channleKey: localStorage.getItem("key"),
-                    spId: this.param.spid,
-                    userId: res.data.userid,
-                };
-                let item = await seniorStrategy(params);
-                if (item.data !== null) {
-                    // 判断高级策略是否开启遮罩;
-                    if (item.data.enableMask !== null) {
-                        this.pageData.remarks.isMask = String(item.data.enableMask);
-                        // 判断高级策略是否有遮罩文案 并替换
-                        if (item.data.maskText !== null && item.data.maskText !== "") {
-                            this.pageData.remarks.maskText = item.data.maskText;
-                        }
-                    }
-                    // 判断高级策略是否开启有推荐
-                    if (
-                        item.data.recommendStrategy !== "" &&
-                        item.data.recommendStrategy !== null
-                    ) {
-                        let itemList = item.data.recommendStrategy.split(",");
-                        this.pageData.recommend = [];
-                        itemList.forEach((v) => {
-                            strategyGetID({
-                                id: v,
-                            }).then((resp) => {
-                                this.pageData.recommend.push(resp.data);
-                            });
-                        });
-                    }
-                    if (item.data.cancelRule !== "" && item.data.cancelRule !== null) {
-                        this.pageData.strategyInfo.unsubscribeStrategyList =
-                            item.data.cancelRule.split(",");
-                    }
-                    if (item.data.interceptRule === "1") {
-                        this.pageData.interceptRule = item.data.interceptRule;
-                    }
-                    if (item.data.location !== "" && item.data.location !== null) {
-                        this.pageData.location = item.data.location.split(",");
-                    }
-                }
-                if (this.pageData.interceptRule !== "1") {
-                    let fromSource = localStorage.getItem('beCome')
-                    let updata = {
-                        cpid: this.param.cpid,
-                        spid: this.param.spid,
-                        productId: this.pageData.mainProduct.id,
-                        channelKey: this.pageData.channl.channelKey,
-                        token: res.data.token ? res.data.token : "0",
-                        type: '0',
-                        userid: res.data.userid,
-                        needJoinActivity: this.pageData.remarks.isZhic === '1' ? 1 : 0,
-                        fromSource: fromSource,
-                        anonymousId: this.$sensors.store._state.$device_id,
-                        testId: this.$store.state.testId,
-                        testGroupId: this.$store.state.testGroupId,
-                    }
-                    postBuy(updata).then(res => {
-                        if (res.code == 10000) {
-                            this.isBuy = '已订购'
-                            this.payState = true
-                            addR.buySuccess()
-                            this.$toast.success('订购成功');
-                            this.postApi()
-
-                            if (this.pageData.remarks.isZhic === '1') {
-                                setTimeout(() => {
-                                    this.giveMember()
-                                }, 1500)
-                            }
-                            if (this.pageData.mainProduct.cpid === 'mangtv16') {
-                                setTimeout(() => {
-                                    window.location.href = this.pageData.mainProduct.flowJumpUrl
-                                }, 1500)
-                            }
-                            // if (this.pageData.mainProduct.threshold > 0 && this.pageData.mainProduct.threshold !== null) {
-                            //   if (res.data.toMember === 1) {
-                            //     setTimeout(() => {
-                            //       this.giveMember()
-                            //     }, 1500)
-                            //   }
-                            // } else {
-                            //   if (this.pageData.remarks.isZhic === '1') {
-                            //     setTimeout(() => {
-                            //       this.giveMember()
-                            //     }, 1500)
-                            //   }
-                            // }
-                            if (this.param.cpid === "kuaishou") {
-                                window.ksBridge.register(
-                                    "emitFreeTrafficUpdate",
-                                    "emitFreeTrafficUpdate"
-                                );
-                                window.ksBridge.emitFreeTrafficUpdate({
-                                    complete: (res) => {
-                                        console.log(res);
-                                    },
-                                });
-                            }
-                        }
-                    }, response => {
-                        if (response.code !== 500) {
-                            // this.onSearchResult()
-                            this.showTimeout = true
-                            this.postApi()
-                        } else {
-                            if (response.message == "您已订购，请不要重复订购！" && this.pageData.remarks.orderRepeat && this.pageData.remarks.orderRepeat !== '' && this.pageData.remarks.orderRepeat !== null) {
-                                this.repeatShow = true
-                            } else {
-                                this.$toast.fail({
-                                    message: response.message,
-                                    duration: 5000
-                                })
-                            }
-                            addR.buyFail(response)
-                            this.getIsBuy()
-                        }
-                    }).catch(res => {
-                        console.log(res)
-                    })
-                } else {
-                    Dialog({
-                        message: '您不能订购当前产品!',
-                        theme: 'round-button',
-                    })
-                }
-
-            }, res => {
-                this.$toast(res.message);
-            })
-        },
-        getCode() {
-            if (this.codeState.state) return;
-            let {
-                phone
-            } = this.loginForm;
-            if (!/^1[23456789]\d{9}$/.test(phone)) {
-                return this.$toast("请输入正确手机号");
-            }
-            if (this.checked === false) {
-                return this.$toast.fail("请先勾选隐私声明");
-            }
-            getCode({
-                phone
-            }).then(res => {
-                this.$toast("验证码已发送");
-                this.codeState.state = true;
-                this.codeState.task = setInterval(() => {
-                    if (this.codeState.time <= 0) {
-                        clearInterval(this.codeState.task);
-                        this.codeState.task = null;
-                        this.codeState.state = false;
-                        this.codeState.time = 60;
-                    } else {
-                        this.codeState.time--;
-                    }
-                }, 1000);
-            }, res => {
-                this.$toast(res.message);
-            })
-
-        },
-        // 直接领取会员
-        giveMember() {
-            let updata = {
-                activeType: this.pageData.mainProduct.activeType,
-                userid: this.user.userid,
-                channelKey: this.pageData.channl.channelKey,
-                isCompositeProduct: this.pageData.mainProduct.isCompositeProduct,
-            };
-            addR.memberClick();
-            memberGive(updata)
-                .then(
-                    (res) => {
-                        addR.memberSuccess();
-                        this.$toast.success('会员领取成功');
-                    },
-                    (response) => {
-                        addR.memberFail(response);
-                        this.$toast(response.message);
-                    }
-                )
-                .catch(() => {
-                    this.$toast.fail('会员领取失败，请手动领取')
-                });
-        },
-        // 刷新订购状态
-        getIsBuy() {
-            orderList({
-                userid: this.user.userid,
-                cpid: this.param.cpid,
-                spid: this.param.spid,
-            }).then((res) => {
-                let data = res.data;
-                if (data.length === 0) {
-                    this.isBuy = "未订购";
-                } else {
-                    for (let i = 0; i < data.length; i++) {
-                        if (data[i].STATUS === "0") {
-                            this.isBuy = "已订购";
-                        } else {
-                            this.isBuy = "已退订";
-                        }
-                    }
-                }
-            });
-        },
-        // 字节埋点回传
-        postApi() {
-            let apiQuery = util.query2obj(location.search)
-            if (apiQuery.clickid) {
-                let nowTime = new Date().getTime()
-                let params = {
-                    event_type: "form",
-                    context: {
-                        ad: {
-                            callback: apiQuery.clickid
-                        },
-                    },
-                    timestamp: nowTime
-                }
-                postByte(params)
-            }
-        },
-    }
-}

purchase_H5/src/templates/baseColorNew-common/index.vue

@@ -1,21 +0,0 @@
-<template>
-  <common @jihuo="jihuo"></common>
-</template>
-
-<script>
-import common from "../baseColorNew/index.vue";
-export default {
-  data() {
-    return {};
-  },
-  methods: {
-    jihuo(data) {
-      window.open(data.product.flowJumpUrl);
-    },
-  },
-  components: { common },
-};
-</script>
-
-<style lang="scss">
-</style>

purchase_H5/src/templates/baseColorNew-text/index.vue

@@ -1,21 +0,0 @@
-<template>
-  <common @jihuo="jihuo" sp="text"></common>
-</template>
-
-<script>
-import common from "../baseColorNew/index.vue";
-export default {
-  data() {
-    return {};
-  },
-  methods: {
-    jihuo(data) {
-      window.open(data.product.flowJumpUrl);
-    },
-  },
-  components: { common },
-};
-</script>
-
-<style lang="scss">
-</style>

purchase_H5/src/templates/baseColorNew/index.scss

@@ -1,538 +0,0 @@
-.baseColorNew {
-    background-color: #000;
-    color: #333333;
-    min-height: 100vh;
-    font-family: PingFang SC;
-    position: relative;
-    padding-bottom: 20px;
-    width: 100vw;
-    overflow-x: hidden;
-
-    .van-icon {
-        background-color: #f6f6f6;
-        border: 1px solid #9e9e9e
-    }
-
-    @keyframes scale {
-        from {
-            transform: scale(1);
-        }
-
-        to {
-            transform: scale(0.8);
-        }
-    }
-
-    .iframe {
-        position: fixed;
-        width: 100%;
-        height: 100%;
-        left: 0;
-        top: 0;
-        z-index: 9999;
-    }
-
-    .bannerBox {
-        width: 100%;
-        height: 650px;
-        background-size: 100%;
-        // border-radius: 0 0 60px 60px;
-        background-repeat: no-repeat;
-
-        .activity {
-            position: absolute;
-            right: 10px;
-            width: 180px;
-            height: 140px;
-            top: 260px;
-        }
-    }
-
-    // 产品配图样式
-    .matchBanner {
-        margin: 0 auto;
-        margin-top: -8px;
-        width: 690px;
-        padding: 70px 35px 90px 35px;
-        box-sizing: border-box;
-        border-radius: 20px;
-        border-width: 1px;
-        border-style: solid;
-
-        .matchImage {
-            width: 100%;
-            height: 134px;
-            background-size: 100%;
-            background-repeat: no-repeat;
-        }
-
-        .textBox {
-            // width: 750px;
-            // padding: 0 50px;
-            box-sizing: border-box;
-
-            .input {
-                width: 100%;
-                height: 80px;
-                background: #FFFFFF;
-                border-radius: 10px;
-                margin-top: 25px;
-                opacity: 0.5;
-                display: flex;
-                flex-direction: row;
-                padding: 0 15px;
-                box-sizing: border-box;
-                position: relative;
-
-                input {
-                    margin: 0;
-                    padding: 0;
-                    border: none;
-                    outline: none;
-                    width: 70%;
-                    height: 100%;
-                    line-height: 80px;
-                    font-size: 34px;
-                    font-family: PingFang SC;
-                    font-weight: 500;
-                    color: #000;
-                }
-
-                .getcode {
-                    font-size: 34px;
-                    font-family: PingFang SC;
-                    font-weight: bold;
-                    color: #0D0D0D;
-                    position: absolute;
-                    right: 20px;
-                    bottom: 24px;
-                }
-            }
-        }
-    }
-
-    .rule {
-        position: fixed;
-        right: 0;
-        top: 81px;
-        width: 170px;
-        height: 76px;
-        background: #F6F5F5;
-        box-shadow: 0px 0px 12px 0px #ACACAC;
-        opacity: 0.5;
-        border-radius: 30px 0px 0px 30px;
-        font-size: 24px;
-        color: #0D0D0D;
-        line-height: 75px;
-        display: flex;
-        justify-content: space-around;
-        z-index: 1;
-
-        .icon {
-            margin: 20px 0 20px 20px;
-            background: url("../assets/guize.png");
-            width: 36px;
-            height: 36px;
-            background-size: 100%;
-            background-repeat: no-repeat;
-        }
-
-        .text {
-            width: 150px;
-            text-align: center;
-        }
-    }
-
-    .tucaoModal {
-        position: fixed;
-        bottom: 250px;
-        right: 0;
-        width: 120px;
-        height: 60px;
-        background: #141517;
-        opacity: 0.5;
-        border-radius: 30px 0px 0px 30px;
-        font-size: 24px;
-        color: #FFFFFF;
-        line-height: 60px;
-        display: flex;
-        justify-content: space-around;
-        z-index: 1;
-
-        .icon {
-            margin: 18px 0 18px 20px;
-            background: url("../assets/tucao.png");
-            width: 24px;
-            height: 24px;
-            background-size: 100%;
-        }
-    }
-
-
-    .buyBox {
-        margin-top: -48px;
-        padding: 0 25px;
-
-        .btn {
-            width: 387px;
-            height: 114px;
-            margin: 0 auto;
-            border-radius: 50px;
-            line-height: 114px;
-            font-size: 48px;
-            font-weight: bold;
-            color: #ffffff;
-            text-align: center;
-            text-shadow: 2px 2px #1b1414;
-            animation-name: scale;
-            animation-duration: 0.3s;
-            animation-timing-function: ease-in-out;
-            animation-iteration-count: infinite;
-            animation-direction: alternate-reverse;
-            position: relative;
-
-            .originalPrice {
-                text-shadow: 0px 0px #1b1414;
-                width: 120px;
-                height: 50px;
-                line-height: 50px;
-                text-align: center;
-                position: absolute;
-                top: -25px;
-                left: 0;
-                border-top-left-radius: 25px;
-                border-top-right-radius: 25px;
-                border-bottom-left-radius: 25px;
-                background-color: #fef5e4;
-                color: #89271a;
-                font-size: 16px;
-            }
-
-            img {
-                width: auto;
-                height: 100%;
-            }
-        }
-
-        .text {
-            // color: #0d0d0d;
-            line-height: 50px;
-            font-size: 26px;
-            // font-weight: bold;
-            text-align: center;
-
-            span {
-                font-weight: bold;
-            }
-        }
-    }
-
-    .memBox {
-        width: 690px;
-        height: 100px;
-        background: #ffffff;
-        font-size: 34px;
-        font-weight: bold;
-        color: #0d0d0d;
-        line-height: 100px;
-        padding-left: 40px;
-        border-radius: 20px;
-        margin: 0 auto;
-        margin-top: 30px;
-        box-sizing: border-box;
-
-    }
-
-    .probox {
-        margin: 20px auto;
-        width: 690px;
-        border-radius: 20px;
-        box-shadow: 0px 0px 2px 0px #ACACAC;
-        height: 140px;
-        background-size: 100% 100%;
-
-    }
-
-    .descbox {
-        margin: 20px auto;
-        width: 700px;
-        //height: 470px;
-        background-size: 100%;
-        background-repeat: no-repeat;
-        padding: 15px 0;
-        border-radius: 20px;
-        box-sizing: border-box;
-        // border-width: 1px;
-        // border-style: solid;
-
-
-        .titleImg {
-            width: 50%;
-            height: 25px;
-            margin: 0 auto;
-            position: relative;
-
-            .titleText {
-                width: 50%;
-                height: 25px;
-                line-height: 25px;
-                font-size: 38px;
-                font-weight: bold;
-                position: absolute;
-                left: 25%;
-                top: 0;
-                text-align: center;
-            }
-        }
-
-
-        .main {
-            width: 100%;
-            padding-left: 85px;
-            padding-right: 90px;
-            box-sizing: border-box;
-            margin: 0 auto;
-            overflow-y: scroll;
-            // max-height: 500px;
-            word-break: break-all;
-            margin-top: 15px;
-
-            p {
-                font-size: 28px;
-                line-height: 45px;
-                font-family: PingFang SC;
-                font-weight: 400;
-                // opacity: 0.8;
-                width: 100%;
-                padding-left: 100px;
-                position: relative;
-                box-sizing: border-box;
-
-                strong {
-                    opacity: 0.8;
-                    font-family: PingFang SC;
-                    font-weight: bold;
-                }
-            }
-
-            p>strong:first-child {
-                display: inline-block;
-                position: absolute;
-                left: 0px;
-                top: 0;
-                font-size: 30px;
-                font-family: PingFang SC;
-                font-weight: 800;
-                margin-right: 20px;
-                opacity: 1;
-            }
-        }
-
-    }
-
-    .tabBox {
-        margin: 0 auto;
-        margin-top: 36px;
-        width: 690px;
-        // height: 138px;
-        background: #FFFFFF;
-        border-radius: 20px;
-        display: -webkit-box;
-        overflow-x: scroll;
-        -webkit-overflow-scrolling: touch;
-
-        .tab {
-            width: 160px;
-            margin: 26px 5px;
-
-            img {
-                width: 50px;
-                height: 50px;
-                margin: 0 55px;
-            }
-
-            div {
-                text-align: center;
-                font-size: 24px;
-                font-weight: bold;
-                color: #0D0D0D;
-            }
-        }
-    }
-
-    .privacy {
-        font-size: 26px;
-        margin-top: 26px;
-        margin-bottom: 41px;
-        text-align: center;
-        text-decoration: underline;
-    }
-
-    .modal {
-        color: #000;
-        box-sizing: border-box;
-        position: absolute;
-        left: 50%;
-        top: 333px;
-        transform: translateX(-50%);
-        width: 530px;
-        background-color: #fff;
-        border-radius: 8px;
-
-        .close {
-            width: 80px;
-            height: 80px;
-            position: absolute;
-            bottom: -130px;
-            left: 50%;
-            transform: translateX(-50%);
-        }
-
-        .top {
-            width: 100%;
-            height: 96px;
-        }
-
-        .logo {
-            width: 92px;
-            height: 50px;
-            position: absolute;
-            top: 22px;
-            left: 37px;
-        }
-    }
-
-
-    .other-modal {
-        color: #333333;
-        top: 366px;
-        padding: 60px 65px;
-
-        .input-box {
-            display: flex;
-            line-height: 75px;
-            margin-bottom: 25px;
-            justify-content: space-between;
-            align-items: center;
-            border-bottom: 1px solid #fdc620;
-
-            .input {
-                font-size: 32px;
-                color: #000;
-                flex: 1;
-                background-color: transparent;
-
-                input {
-                    margin: 0;
-                    padding: 0;
-                    border: none;
-                    outline: none;
-                    width: 100%;
-                }
-            }
-
-            .code {
-                font-size: 28px;
-                width: 150px;
-                margin: 0 10px;
-                color: #222222;
-
-                &.number {
-                    color: #a7a7a7;
-                }
-            }
-        }
-
-        .text-box {
-            font-family: PingFang-SC-Medium;
-            text-align: center;
-            line-height: 55px;
-            font-size: 32px;
-        }
-
-        .btn-box {
-            display: flex;
-            justify-content: space-between;
-
-            .btn {
-                width: 190px;
-                margin-top: 20px;
-                height: 80px;
-                line-height: 80px;
-                border-radius: 40px;
-                font-size: 34px;
-                font-weight: bold;
-                text-align: center;
-            }
-
-            .left {
-                border: 2px #fdc51b solid;
-                color: #fdc51b;
-                background-color: #ffffff;
-            }
-
-            .right {
-                color: #0d0d0d;
-                background: #fdc51b;
-            }
-        }
-
-        .btn {
-            margin-top: 40px;
-            height: 80px;
-            line-height: 80px;
-            background: #fdc51b;
-            border-radius: 40px;
-            font-size: 34px;
-            font-weight: bold;
-            color: #0d0d0d;
-            text-align: center;
-        }
-    }
-
-    .van-notice-bar {
-        background-color: transparent;
-        padding: 0 0;
-        color: #000;
-
-        .van-notice-bar__wrap {
-            margin-top: 17rem;
-        }
-
-        .van-notice-bar__content {
-            background-color: #fff;
-            padding: 10px 30px;
-            border-radius: 30px;
-            opacity: 0.7;
-        }
-    }
-
-    .van-icon {
-        background-color: #f6f6f6;
-        border: 0 !important;
-        transform: scale(0.75, 0.75);
-    }
-
-    .van-checkbox__label {
-        margin-left: 5px;
-    }
-
-    .privacyBox {
-        display: flex;
-        flex-direction: row;
-        justify-content: center;
-        margin-top: 49px;
-        font-size: 22px;
-
-        .van-checkbox {
-            text-align: right;
-            display: flex;
-            justify-content: flex-end;
-        }
-
-        .span {
-            display: flex;
-            align-items: center;
-        }
-    }
-}

purchase_H5/src/templates/baseColorNew/index.vue

@@ -1,525 +0,0 @@
-<!-- 2022-02-24 开发者:韩明亮  user:hanmingliang123-->
-<template>
-  <div id="temp" class="baseColorNew" :style="
-      pageData.mainProduct.bgColor !== null &&
-      pageData.mainProduct.bgColor.length > 0
-        ? { backgroundColor:pageData.mainProduct.bgColor[0] }
-        : { backgroundColor: '#000' }
-    ">
-    <div v-if="pageData.mainProduct.bannerPics.length>0" class="bannerBox"
-      :style="{backgroundImage: `url(${imgUrl}${pageData.mainProduct.bannerPics[0]})`,}" @click="bannerClick">
-      <img @click.stop class="activity" v-if="
-          pageData.strategyInfo.activityType !== 0 &&
-          pageData.strategyInfo.activityLogo
-        " :src="`${pageData.strategyInfo.activityLogo}`" @click="onGoLink()" />
-      <!-- 轮播条 -->
-      <van-notice-bar v-show="showScroll" scrollable :text="pageData.remarks.zoetropeText" />
-    </div>
-    <div class="matchBanner"
-      :style="{ backgroundColor: pageData.mainProduct.bgColor[2], borderColor: pageData.mainProduct.bgColor[3]}">
-      <div class="matchImage" :style="{ backgroundImage: `url(${imgUrl}${ pageData.mainProduct.guidancePic.p})`}"></div>
-      <div class="textBox" v-if="sp === 'text'">
-        <div class="input">
-          <input type="text" maxlength="11" v-model="loginForm.phone" placeholder="联通手机号" />
-        </div>
-        <div class="input">
-          <input type="text" v-model="loginForm.vcode" v-on:input="checkVcode" placeholder="验证码" maxlength="6" />
-          <span class="getcode" :class="{ code: 1, number: codeState.state }"
-            @click="getCode()">{{ codeState.state ? codeState.time + "s" : "获取验证码" }}</span>
-        </div>
-      </div>
-      <div class="privacyBox">
-        <van-checkbox v-model="checked" checked-color="#fc8940">
-          <div
-            :style="productJson.length>0 && productJson[0].proC.s!==''  ?{color:`${productJson[0].proC.s}`}:{color:'#000'}">
-            <p style="margin: 0; padding: 0">我已阅读并同意
-            </p>
-          </div>
-        </van-checkbox>
-        <span class="span"
-          :style="productJson.length>0 && productJson[0].proC.e!==''?{color:`${productJson[0].proC.e}`}:{color:'#000'}"
-          @click="showConceal = true">《隐私声明》</span> <span class="span"
-          :style="productJson.length>0 && productJson[0].proC.e!==''?{color:`${productJson[0].proC.e}`}:{color:'#000'}"
-          @click="ruleClick">《产品说明》</span>
-      </div>
-    </div>
-    <!-- 订购按钮 -->
-    <div class="buyBox" v-if="pageData.remarks.isBuy === '1'">
-      <div v-if="productJson.length>0 && productJson[0].btnUrl!=='' && productJson[0].productV==='2'" class="btn"
-        @click="btnClick()">
-        <img :src="productJson[0].btnUrl" alt="">
-      </div>
-      <div v-else class="btn" @click="btnClick()"
-        :style="{'background-image': `linear-gradient(${pageData.mainProduct.themeColor[0]},${pageData.mainProduct.themeColor[1]})`,}">
-        {{ pageData.remarks.btnText ? pageData.remarks.btnText : "点我领取" }}
-        <div class="originalPrice" style="color: #89271a">
-          <span>{{ pageData.mainProduct.originalPrice }}元/月</span>
-        </div>
-      </div>
-      <div class="text"
-        :style="productJson.length>0 && productJson[0].rushC.e!==''?{'color':`${productJson[0].rushC.e}`}:{'color':'#000'}">
-        <span
-          :style="productJson.length>0 && productJson[0].rushC.e!==''?{'color':`${productJson[0].rushC.s}`}:{'color':'#ea1313'}">{{ times }}</span>{{pageData.remarks.orderText!=='' && pageData.remarks.orderText?pageData.remarks.orderText:'用户已抢购成功'}}
-      </div>
-    </div>
-    <!-- 产品说明 -->
-    <div class="descbox" v-if="productJson.length>0 && productJson[0].productV==='2'"
-      :style="{ backgroundColor: pageData.mainProduct.bgColor[2], borderColor: pageData.mainProduct.bgColor[3],borderStyle:'solid',borderWidth:1+'px'}"
-      style="padding-top:30px;padding-bottom:15px">
-      <div class="titleImg">
-        <img :src="imgUrl +pageData.mainProduct.guidancePic.c" style="width: 100%;height:100%" />
-        <div class="titleText" :style="{'color':`${productJson[0].proC.s}`}">产品说明</div>
-      </div>
-      <div class="main" :style="{'color':`${productJson[0].proC.s}`}" v-html="pageData.mainProduct.givePhoneInfo">
-      </div>
-    </div>
-    <div class="descbox" v-else>
-      <img :src="imgUrl +pageData.mainProduct.guidancePic.c" style="width: 100%" />
-    </div>
-    <!-- 推荐产品 -->
-    <div v-if="pageData.recommend.length > 0">
-      <div v-for="(item, index) in pageData.recommend" :key="index" class="probox" @click="recommend(item.id)" :style="{
-          backgroundImage: `url(${item.promotePhoto})`,
-        }"></div>
-    </div>
-
-    <!-- 活动图 -->
-    <div v-if="pageData.strategyInfo.posterPhoto" class="probox" @click="onGoLink()" :style="{
-        backgroundImage: `url(${pageData.strategyInfo.posterPhoto})`,
-      }"></div>
-    <!-- tab导航 -->
-    <div class="tabBox">
-      <div class="tab" v-if="pageData.remarks.jiluBtn === '1'" @click="beforeLogin('manual')">
-        <img src="../assets/record.png" alt="" />
-        <div>订购记录</div>
-      </div>
-      <div class="tab" v-if="pageData.remarks.jihuoBtn === '1'"
-        @click="$emit('jihuo', { product: pageData.mainProduct })">
-        <img src="../assets/liuliang.png" alt="" />
-        <div>流量激活</div>
-      </div>
-      <div class="tab" v-if="pageData.remarks.memberBtn === '1'" @click="beforeLogin('member')">
-        <img src="../assets/huiyuan.png" alt="" />
-        <div>领取会员</div>
-      </div>
-      <div class="tab" v-if="pageData.remarks.chaxunBtn === '1'" @click="chaxun">
-        <img src="../assets/guanzhu.png" alt="" />
-        <div>剩余流量查询</div>
-      </div>
-      <div class="tab" v-if="pageData.remarks.tuidingBtn === '1'" @click="beforeLogin('unBUy')">
-        <img src="../assets/tuiding.png" alt="" />
-        <div>退订产品</div>
-      </div>
-    </div>
-    <!-- <div @click="showConceal = true" class="privacy">
-      <span>隐私声明</span>
-    </div> -->
-    <!-- 使用说明 -->
-    <div class="rule" @click="ruleClick">
-      <div class="icon"></div>
-      <div class="text">产品说明</div>
-    </div>
-    <rule-modal v-if="showRule" @ruleShow="ruleShow" :pageData="pageData"></rule-modal>
-    <!-- 反馈 -->
-    <div class="tucaoModal" @click="showTucao = true">
-      <div class="icon"></div>
-      <div class="text">反馈</div>
-    </div>
-    <vent-modal v-model="showTucao"></vent-modal>
-    <!-- 登录弹框组件 -->
-    <login-modal v-model="showLogin" :type="type" @getIsBuy="getIsBuy"></login-modal>
-    <!-- 退订弹框组件 -->
-    <unbuy-modal v-model="showUnbuy" :pageData="pageData" @childData="getChildData"></unbuy-modal>
-    <!-- 剩余流量查询 -->
-    <account-modal v-model="showQr"></account-modal>
-    <!-- 订购超时 -->
-    <timeout-modal v-model="showTimeout"></timeout-modal>
-    <!-- 遮罩 -->
-    <newZheZhao v-if="showZhezhao" isZheZhao="1"></newZheZhao>
-    <!-- 退订挽留 -->
-    <van-overlay :show="unBuyDrainage" :duration="0.1" @click="unBuyDrainage = false"
-      pageData.strategyInfo.unsubscribeStrategyList.length>0 > 0 >
-      <div class="other-modal modal" @click.stop>
-        <img src="../../assets/img/close.png" class="close" @click="unBuyDrainage = false" />
-        <div class="text-box">确定要放弃本服务吗?</div>
-        <div class="text-box">
-          {{ unBuyDrainageText }}
-        </div>
-        <div class="text-box">不要错过！</div>
-        <div class="btn-box">
-          <div class="btn left" @click="unBuySure">确定</div>
-          <div class="btn right" @click="recommend(pageData.strategyInfo.unsubscribeStrategyList[0])">
-            去看看
-          </div>
-        </div>
-      </div>
-    </van-overlay>
-    <!-- 隐私条款 -->
-    <conceal v-model="showConceal"></conceal>
-    <!-- 重复订购引流 -->
-    <repeat-modal @repeat="recommend" v-model="repeatShow"></repeat-modal>
-  </div>
-</template>
-
-<script>
-  import {
-    orderList,
-    changeUserid,
-    strategyGetID,
-    detMainProduct,
-    seniorStrategy,
-  } from "../../api";
-  import mixinNew from "../../common/mixinNew";
-  import loginModal from "../../components/login.vue";
-  import addR from "../../common/addRecord";
-  import ruleModal from "../../components/ruleModal002.vue";
-  import ventModal from "../../components/helpModal.vue";
-  import accountModal from "../../components/gongZongHao.vue";
-  import timeoutModal from "../../components/timeoutModal.vue";
-  import newZheZhao from "../../components/newZheZhao.vue";
-  import unbuyModal from "../../components/unbuyModal.vue";
-  import agreeMent from "../../components/agreeMent.vue";
-  import conceal from "../../components/conceal.vue";
-  import repeatModal from "../../components/repeatModal.vue";
-  export default {
-    mixins: [mixinNew],
-    data() {
-      return {
-        imgUrl: process.env.VUE_APP_IMGS_URL,
-        times: 0,
-        showLogin: false,
-        showRule: false,
-        showTucao: false,
-        showQr: false,
-        type: "",
-        showTimeout: false,
-        showUnbuy: false,
-        unBuyDrainage: false,
-        showAgreeMent: false,
-        showScroll: false,
-        checked: false,
-        unBuyDrainageText: "",
-        isBuy: "已订购",
-        showConceal: false,
-        banners: null,
-        guidancePic: {},
-        phone: "",
-        productJson: [],
-        repeatShow: false
-      };
-    },
-    components: {
-      loginModal,
-      ruleModal,
-      ventModal,
-      accountModal,
-      timeoutModal,
-      newZheZhao,
-      unbuyModal,
-      agreeMent,
-      conceal,
-      repeatModal
-    },
-
-    props: {
-      sp: String,
-    },
-    filters: {
-      formatPhone: (phone) => {
-        phone = phone.toString();
-        return phone.substr(0, 3) + "****" + phone.substr(7, 11);
-      },
-    },
-    created() {
-      document.title = this.pageData.mainProduct.productName;
-      this.phone = this.$route.query.phone
-      if (this.pageData.mainProduct.cacheSeatOne) {
-        this.productJson = this.pageData.mainProduct.cacheSeatOne
-      }
-      if (this.pageData.remarks.privacy && this.pageData.remarks.privacy !== '' && this.pageData.remarks.privacy !==
-        null) {
-        if (this.pageData.remarks.privacy === '1') {
-          this.checked = true
-        }
-      }
-    },
-    mounted() {
-      let now = new Date().getTime();
-      let times = (now - 1622476800000) / 180000;
-      this.times = String(Math.ceil(times * 2));
-      let newTime = new Date();
-      let d = newTime.getDate();
-      if (31 >= d && d >= 25 && this.pageData.remarks.isZoetrope === "1") {
-        this.showScroll = true;
-      }
-      setTimeout(() => {
-        addR.showSP();
-      }, 3000)
-    },
-    methods: {
-      // 点击订购
-      btnClick() {
-        if (this.checked === false) {
-          this.$toast.fail("请先勾选隐私声明");
-        } else {
-          if (this.sp !== "text") {
-            this.openIframe();
-          } else {
-            this.toBuy();
-          }
-        }
-      },
-      ruleShow() {
-        this.showRule = false;
-      },
-      ruleClick() {
-        this.showRule = true;
-        localStorage.setItem("startTime", new Date().getTime());
-      },
-      bannerClick() {
-        if (
-          this.pageData.remarks.isBuy === "1" &&
-          this.sp !== "text" &&
-          this.isBuy !== "已订购"
-        ) {
-          if (this.checked === false) {
-            this.$toast.fail("请先勾选隐私声明");
-          } else {
-            addR.clickBanner();
-            this.openIframe();
-          }
-        }
-      },
-      chaxun() {
-        addR.clickFollow();
-        this.showQr = true;
-      },
-      async beforeLogin(type) {
-        this.type = type;
-        if (this.user.userid) {
-          if (type === "manual" || type === "member") {
-            this.toLink(type);
-          } else if (type === "unBUy") {
-            addR.unBuyClick();
-            if (
-              this.pageData.strategyInfo.unsubscribeStrategyList !== null &&
-              this.pageData.strategyInfo.unsubscribeStrategyList.length > 0
-            ) {
-              let productId = await strategyGetID({
-                id: this.pageData.strategyInfo.unsubscribeStrategyList[0],
-              });
-              let drainageRes = await detMainProduct({
-                productId: productId.data.primaryProductId,
-              });
-              this.unBuyDrainageText = drainageRes.data.productName;
-              this.unBuyDrainage = true;
-            } else {
-              this.showUnbuy = true;
-            }
-          }
-        } else if (type === "unBUy") {
-          addR.unBuyClick();
-          if (
-            this.pageData.strategyInfo.unsubscribeStrategyList !== null &&
-            this.pageData.strategyInfo.unsubscribeStrategyList.length > 0
-          ) {
-            let productId = await strategyGetID({
-              id: this.pageData.strategyInfo.unsubscribeStrategyList[0],
-            });
-            let drainageRes = await detMainProduct({
-              productId: productId.data.primaryProductId,
-            });
-            this.unBuyDrainageText = drainageRes.data.productName;
-            this.unBuyDrainage = true;
-          } else {
-            this.showUnbuy = true;
-          }
-        } else {
-          addR.loginClick();
-          this.showLogin = true;
-        }
-      },
-      toLink(type) {
-        let cpid = this.$store.state.pageData.mainProduct.cpid;
-        let spid = this.$store.state.pageData.mainProduct.spid;
-        let isCompositeProduct =
-          this.$store.state.pageData.mainProduct.isCompositeProduct;
-        let activeType = this.$store.state.pageData.mainProduct.activeType;
-        let productName = this.$store.state.pageData.mainProduct.productName;
-        let url;
-        if (type === "manual") {
-          addR.clickOrderRecord();
-          url = "/order001";
-        } else if (type === "member") {
-          addR.memberClick();
-          if (this.pageData.mainProduct.isCompositeProduct === 2) {
-            url = "/member002";
-          } else {
-            url = "/member001";
-          }
-        }
-        this.$router.push({
-          path: url,
-          query: {
-            cpid: cpid,
-            spid: spid,
-            isCompositeProduct: isCompositeProduct,
-            activeType: activeType,
-            productName: productName,
-          },
-        });
-      },
-      // 获取产品订购状态
-      getIsBuy(e) {
-        orderList({
-          userid: this.user.userid,
-          cpid: this.param.cpid,
-          spid: this.param.spid,
-        }).then((res) => {
-          let data = res.data;
-          if (data.length === 0) {
-            this.isBuy = "未订购";
-          } else {
-            for (let i = 0; i < data.length; i++) {
-              if (data[i].STATUS === "0") {
-                this.isBuy = "已订购";
-              } else {
-                this.isBuy = "已退订";
-              }
-            }
-          }
-        });
-      },
-      // 推荐产品跳转
-      recommend(val) {
-        this.$store.commit("setTempName", "loading");
-        strategyGetID({
-          id: val
-        }).then(async (res) => {
-          if (res.data.strategyStatus === 1) {
-            let data = res.data;
-            let info = await detMainProduct({
-              productId: data.primaryProductId
-            });
-            if (this.user.userid) {
-              this.getIsBuy();
-            }
-            let recommend = [];
-            if (
-              data.recommendStrategyList !== null &&
-              data.recommendStrategyList.length > 0
-            ) {
-              for (let i = 0; i < data.recommendStrategyList.length; i++) {
-                let list = await strategyGetID({
-                  id: data.recommendStrategyList[i],
-                });
-                recommend.push(list.data);
-              }
-            }
-            let pageData = {
-              mainProduct: info.data,
-              strategyInfo: data,
-              remarks: data.extJson,
-              channl: {
-                channelKey: localStorage.getItem("key"),
-              },
-              recommend: recommend,
-            };
-            let params = {
-              anonymousId: this.$sensors.store._state.$device_id,
-              channleKey: localStorage.getItem("key"),
-              spId: info.data.spid,
-              userId: this.user.userid,
-            };
-            let item = await seniorStrategy(params);
-            if (item.data !== null) {
-              // 判断高级策略是否开启遮罩
-              if (item.data.enableMask !== null) {
-                pageData.remarks.isMask = String(item.data.enableMask);
-                // 判断高级策略是否有遮罩文案 并替换
-                if (item.data.maskText !== null && item.data.maskText !== "") {
-                  pageData.remarks.maskText = item.data.maskText;
-                }
-              }
-              // 判断高级策略是否开启有推荐
-              if (
-                item.data.recommendStrategy !== "" &&
-                item.data.recommendStrategy !== null
-              ) {
-                let itemList = item.data.recommendStrategy.split(",");
-                pageData.recommend = [];
-                itemList.forEach((v) => {
-                  strategyGetID({
-                    id: v,
-                  }).then((resp) => {
-                    pageData.recommend.push(resp.data);
-                  });
-                });
-              }
-              if (item.data.cancelRule !== "" && item.data.cancelRule !== null) {
-                pageData.strategyInfo.unsubscribeStrategyList =
-                  item.data.cancelRule.split(",");
-              }
-              if (item.data.interceptRule === "1") {
-                pageData.interceptRule = item.data.interceptRule;
-              }
-              if (item.data.location !== "" && item.data.location !== null) {
-                pageData.location = item.data.location.split(",");
-              }
-            }
-            document.title = pageData.mainProduct.productName;
-            this.$store.commit("setPageData", pageData);
-            this.$store.commit("setTempName", data.templateCode);
-            if (item.data !== null) {
-              if (
-                item.data.templateName !== "" &&
-                item.data.templateName !== null
-              ) {
-                this.$store.commit("setTempName", item.data.templateName);
-              }
-            }
-          } else {
-            this.$toast.fail("当前策略未生效");
-          }
-        });
-        this.unBuyDrainage = false;
-      },
-      // 活动链接跳转
-      onGoLink() {
-        if (this.user.userid) {
-          if (this.pageData.strategyInfo.activityType === 2) {
-            let url = `${
-            this.pageData.strategyInfo.linkUrl
-          }&userid=${encodeURIComponent(this.user.userid)}`;
-            window.location.href = url;
-          } else if (this.pageData.strategyInfo.activityType === 1) {
-            changeUserid({
-              userid: this.user.userid,
-              cpid: this.param.cpid,
-            }).then((res) => {
-              let url = `${this.pageData.strategyInfo.linkUrl}?userid=${res.data}`;
-              window.location.href = url;
-            });
-          }
-        } else {
-          this.loginType = " 登录 ";
-          this.showLogin = true;
-          addR.loginClick();
-        }
-      },
-      // 点击确定
-      unBuySure() {
-        addR.clickUnsubscribe();
-        this.unBuyDrainage = false;
-        this.showUnbuy = true;
-      },
-      getChildData(data) {
-        this.isBuy = data;
-      },
-    },
-  };
-</script>
-
-<style lang="scss">
-  @import "./index.scss";
-</style>

purchase_H5/src/templates/baseNew-common/index.vue

@@ -1,21 +0,0 @@
-<template>
-  <common @jihuo="jihuo"></common>
-</template>
-
-<script>
-import common from "../baseNew/index.vue";
-export default {
-  data() {
-    return {};
-  },
-  methods: {
-    jihuo(data) {
-      window.open(data.product.flowJumpUrl);
-    },
-  },
-  components: { common },
-};
-</script>
-
-<style lang="scss">
-</style>

purchase_H5/src/templates/baseNew-simpleTencent/index.vue

@@ -1,23 +0,0 @@
-<template>
-    <common @jihuo="jihuo" sp="text" temp="tencent"></common>
-</template>
-
-<script>
-    import common from "../treatyNew-simple/index.vue";
-    export default {
-        data() {
-            return {};
-        },
-        methods: {
-            jihuo(data) {
-                window.open(data.product.flowJumpUrl);
-            },
-        },
-        components: {
-            common
-        },
-    };
-</script>
-
-<style lang="scss">
-</style>

purchase_H5/src/templates/baseNew-tencent/index.vue

@@ -1,23 +0,0 @@
-<template>
-    <common @jihuo="jihuo" temp="tencent"> </common>
-</template>
-
-<script>
-    import common from "../baseNew/index.vue";
-    export default {
-        data() {
-            return {};
-        },
-        methods: {
-            jihuo(data) {
-                window.open(data.product.flowJumpUrl);
-            },
-        },
-        components: {
-            common
-        },
-    };
-</script>
-
-<style lang="scss">
-</style>

purchase_H5/src/templates/baseNew/index.scss

@@ -1,523 +0,0 @@
-.baseNew {
-    background-color: #f6f5f5;
-    color: #0d0d0d;
-    min-height: 100vh;
-    font-family: PingFang SC;
-    position: relative;
-    padding-bottom: 20px;
-    width: 100vw;
-    overflow-x: hidden;
-
-    @keyframes scale {
-        from {
-            transform: scale(1);
-        }
-
-        to {
-            transform: scale(0.8);
-        }
-    }
-
-    .iframe {
-        position: fixed;
-        width: 100%;
-        height: 100%;
-        left: 0;
-        top: 0;
-        z-index: 9999;
-    }
-
-    .bannerBox {
-        width: 100%;
-        height: 840px;
-        background-size: 100%;
-        border-radius: 0 0 60px 60px;
-        background-repeat: no-repeat;
-
-        .activity {
-            position: absolute;
-            right: 0;
-            width: 180px;
-            height: 140px;
-            top: 500px;
-        }
-    }
-
-    .rule {
-        position: fixed;
-        right: 0;
-        top: 30px;
-        width: 220px;
-        height: 76px;
-        background: #FFFFFF;
-        box-shadow: 0px 0px 12px 0px #ACACAC;
-        opacity: 0.8;
-        border-radius: 30px 0px 0px 30px;
-        font-size: 30px;
-        color: #0D0D0D;
-        line-height: 75px;
-        display: flex;
-        justify-content: space-around;
-        z-index: 1;
-
-        .icon {
-            margin: 20px 0 20px 20px;
-            background: url("../assets/guize.png");
-            width: 36px;
-            height: 36px;
-            background-size: 100%;
-        }
-
-        .text {
-            width: 150px;
-            text-align: center;
-        }
-    }
-
-    .tucaoModal {
-        position: fixed;
-        bottom: 450px;
-        right: 0;
-        width: 120px;
-        height: 60px;
-        background: #141517;
-        opacity: 0.5;
-        border-radius: 30px 0px 0px 30px;
-        font-size: 24px;
-        color: #FFFFFF;
-        line-height: 60px;
-        display: flex;
-        justify-content: space-around;
-        z-index: 1;
-
-        .icon {
-            margin: 18px 0 18px 20px;
-            background: url("../assets/tucao.png");
-            width: 24px;
-            height: 24px;
-            background-size: 100%;
-        }
-    }
-
-
-    .buyBox {
-        margin-top: -48px;
-        padding: 0 25px;
-
-        .btn {
-            width: 700px;
-            height: 100px;
-            border-radius: 50px;
-            line-height: 100px;
-            font-size: 40px;
-            font-weight: bold;
-            border-style: solid;
-            border-width: 4px;
-            color: #ffffff;
-            text-align: center;
-            animation-name: scale;
-            animation-duration: 0.6s;
-            animation-timing-function: linear;
-            animation-iteration-count: infinite;
-            animation-direction: alternate-reverse;
-        }
-
-        .text {
-            line-height: 50px;
-            font-size: 26px;
-            // font-weight: bold;
-            color: #0d0d0d;
-            text-align: center;
-
-            span {
-                color: #ea1313;
-                font-weight: bold
-            }
-        }
-    }
-
-    .buyBoxText {
-        width: 690px;
-        margin: 20px 30px;
-        background-color: #fff;
-        padding-bottom: 40px;
-
-        .btn {
-            margin-top: 60px;
-            width: 690px;
-            height: 100px;
-            border-radius: 50px;
-            line-height: 100px;
-            font-size: 40px;
-            font-weight: bold;
-            border-style: solid;
-            border-width: 4px;
-            color: #ffffff;
-            text-align: center;
-            animation-name: scale;
-            animation-duration: 0.6s;
-            animation-timing-function: linear;
-            animation-iteration-count: infinite;
-            animation-direction: alternate-reverse;
-        }
-
-        .textBox {
-            // width: 750px;
-            padding: 0 50px;
-            box-sizing: border-box;
-
-            .input {
-                height: 117px;
-                margin: 0 auto;
-                border-bottom: 2px solid #595959;
-                position: relative;
-
-                input {
-                    margin: 0;
-                    padding: 0;
-                    border: none;
-                    outline: none;
-                    width: 100%;
-                    font-size: 34px;
-                    font-family: PingFang SC;
-                    font-weight: 500;
-                    color: #757575;
-                    background-color: transparent;
-                    position: absolute;
-                    bottom: 22px;
-                    left: 28px;
-                }
-
-                .getcode {
-                    font-size: 34px;
-                    font-family: PingFang SC;
-                    font-weight: bold;
-                    color: #0D0D0D;
-                    position: absolute;
-                    right: 20px;
-                    bottom: 24px;
-                }
-            }
-        }
-
-        .text {
-            line-height: 50px;
-            font-size: 26px;
-            // font-weight: bold;
-            color: #0d0d0d;
-            text-align: center;
-            margin-top: 20px;
-
-            span {
-                color: #ea1313;
-                font-weight: bold
-            }
-        }
-    }
-
-    .memBox {
-        width: 690px;
-        height: 100px;
-        background: #ffffff;
-        font-size: 34px;
-        font-weight: bold;
-        color: #0d0d0d;
-        line-height: 100px;
-        padding-left: 40px;
-        border-radius: 20px;
-        margin: 0 auto;
-        margin-top: 30px;
-        box-sizing: border-box;
-
-    }
-
-    .probox {
-        margin: 20px 30px;
-        width: 690px;
-        border-radius: 20px;
-        box-shadow: 0px 0px 2px 0px #ACACAC;
-        height: 140px;
-        background-size: 100% 100%;
-
-    }
-
-    .descbox {
-        background-color: #ffffff;
-        margin: 20px 30px;
-        width: 690px;
-        max-height: 560px;
-        border-radius: 20px;
-        box-shadow: 0px 0px 2px 0px #ACACAC;
-        padding: 20px 40px;
-        box-sizing: border-box;
-        position: relative;
-        overflow-y: scroll;
-
-        .main {
-
-            word-break: break-all;
-
-            h2 {
-                color: #0d0d0d;
-                margin: 0;
-                line-height: 60px;
-            }
-
-            p {
-                color: #707070;
-                font-size: 26px;
-                line-height: 45px;
-                margin: 0;
-            }
-        }
-    }
-
-    .tabBox {
-        margin: 20px 30px;
-        width: 690px;
-        border-radius: 20px;
-        box-shadow: 0px 0px 2px 0px #ACACAC;
-        //height: 138px;
-        background: #FFFFFF;
-        border-radius: 8px;
-        display: -webkit-box;
-        overflow-x: scroll;
-        -webkit-overflow-scrolling: touch;
-
-        .tab {
-            width: 160px;
-            margin: 26px 5px;
-
-            img {
-                width: 50px;
-                height: 50px;
-                margin: 0 55px;
-            }
-
-            div {
-                text-align: center;
-                font-size: 24px;
-                font-weight: bold;
-                color: #0D0D0D;
-            }
-        }
-    }
-
-    .modal {
-        box-sizing: border-box;
-        position: absolute;
-        left: 50%;
-        top: 333px;
-        transform: translateX(-50%);
-        width: 530px;
-        background-color: #fff;
-        border-radius: 8px;
-
-        .close {
-            width: 80px;
-            height: 80px;
-            position: absolute;
-            bottom: -130px;
-            left: 50%;
-            transform: translateX(-50%);
-        }
-
-        .top {
-            width: 100%;
-            height: 96px;
-        }
-
-        .logo {
-            width: 92px;
-            height: 50px;
-            position: absolute;
-            top: 22px;
-            left: 37px;
-        }
-    }
-
-
-    .other-modal {
-        top: 366px;
-        padding: 60px 65px;
-
-        .input-box {
-            display: flex;
-            line-height: 75px;
-            margin-bottom: 25px;
-            justify-content: space-between;
-            align-items: center;
-            border-bottom: 1px solid #fdc620;
-
-            .input {
-                font-size: 32px;
-                color: #000;
-                flex: 1;
-                background-color: transparent;
-
-                input {
-                    margin: 0;
-                    padding: 0;
-                    border: none;
-                    outline: none;
-                    width: 100%;
-                }
-            }
-
-            .code {
-                font-size: 28px;
-                width: 150px;
-                margin: 0 10px;
-                color: #222222;
-
-                &.number {
-                    color: #a7a7a7;
-                }
-            }
-        }
-
-        .text-box {
-            font-family: PingFang-SC-Medium;
-            text-align: center;
-            line-height: 55px;
-            font-size: 32px;
-        }
-
-        .btn-box {
-            display: flex;
-            justify-content: space-between;
-
-            .btn {
-                width: 190px;
-                margin-top: 20px;
-                height: 80px;
-                line-height: 80px;
-                border-radius: 40px;
-                font-size: 34px;
-                font-weight: bold;
-                text-align: center;
-            }
-
-            .left {
-                border: 2px #fdc51b solid;
-                color: #fdc51b;
-                background-color: #ffffff;
-            }
-
-            .right {
-                color: #0d0d0d;
-                background: #fdc51b;
-            }
-        }
-
-        .btn {
-            margin-top: 40px;
-            height: 80px;
-            line-height: 80px;
-            background: #fdc51b;
-            border-radius: 40px;
-            font-size: 34px;
-            font-weight: bold;
-            color: #0d0d0d;
-            text-align: center;
-        }
-    }
-
-    .van-notice-bar {
-        background-color: transparent;
-        padding: 0 0;
-        color: #000;
-
-        .van-notice-bar__wrap {
-            margin-top: 17rem;
-        }
-
-        .van-notice-bar__content {
-            background-color: #fff;
-            padding: 10px 30px;
-            border-radius: 30px;
-            opacity: 0.7;
-        }
-    }
-
-
-    .van-icon {
-        // background-color: #f6f6f6;
-        // border: 0 !important;
-        transform: scale(0.75, 0.75);
-        border-color: #fc8940;
-    }
-
-    .van-checkbox__label {
-        margin-left: 5px;
-    }
-
-    .content {
-        padding: 0 20px 40px 20px;
-        box-sizing: border-box;
-
-        p {
-            text-align: center;
-            font-size: 26px;
-            font-weight: bold;
-        }
-
-        .btn {
-            width: 60%;
-            height: 80px;
-            line-height: 80px;
-            margin: 40px auto;
-            text-align: center;
-            font-size: 34px;
-            font-weight: bold;
-            color: #fff;
-            border-radius: 40px;
-            background-color: rgb(255, 161, 11);
-        }
-    }
-
-    // .tips {
-    //     font-size: 20px;
-    //     font-family: PingFang SC;
-    //     font-weight: 400;
-    //     opacity: 0.8;
-    //     text-align: center;
-    //     margin: 18px 0;
-    //     transform: scale(0.8, 0.8);
-    //     width: 120%;
-    //     margin-left: -10%;
-    //     color: #fff
-    // }
-    .tips {
-        font-size: 20px;
-        font-family: PingFang SC;
-        font-weight: 400;
-        opacity: 0.8;
-        text-align: center;
-        transform: scale(0.9, 0.9);
-        width: 100%;
-        margin-left: -10%;
-        color: #707070;
-        line-height: 44px;
-        padding: 18px 10%
-    }
-
-    .privacyBox {
-        display: flex;
-        flex-direction: row;
-        justify-content: center;
-        margin-top: 20px;
-        font-size: 22px;
-
-        .van-checkbox {
-            text-align: right;
-            display: flex;
-            justify-content: flex-end;
-        }
-
-        .span {
-            display: flex;
-            align-items: center;
-        }
-    }
-}

purchase_H5/src/templates/baseNew/index.vue

@@ -1,533 +0,0 @@
-<template>
-  <div class="baseNew" id="temp">
-    <div class="bannerBox" :style="{backgroundImage: `url(${imgUrl}${pageData.mainProduct.bannerPics[0]})`}"
-      @click="bannerClick">
-      <!-- 轮播条 -->
-      <van-notice-bar v-show="showScroll" scrollable :text="pageData.remarks.zoetropeText" />
-      <img @click.stop class="activity" v-if="
-          pageData.strategyInfo.activityType !== 0 &&
-          pageData.strategyInfo.activityLogo
-        " :src="`${pageData.strategyInfo.activityLogo}`" @click="onGoLink()" />
-    </div>
-    <!-- 订购按钮 -->
-    <div class="buyBox" v-if="
-        pageData.remarks.isBuy === '1' && isBuy !== '已订购' && sp !== 'text'
-      ">
-      <div class="btn" @click="btnClick"
-        :style="{'background-color':pageData.mainProduct.themeColor[0],'border-color': pageData.mainProduct.themeColor[1]}">
-        {{ pageData.remarks.btnText ? pageData.remarks.btnText : "点我领取" }}
-      </div>
-      <div class="text"
-        :style="productJson.length>0 && productJson[0].rushC.e!==''?{'color':`${productJson[0].rushC.e}`}:{'color':'#000'}">
-        <span
-          :style="productJson.length>0 && productJson[0].rushC.e!==''?{'color':`${productJson[0].rushC.s}`}:{'color':'#ea1313'}">{{ times }}</span>{{pageData.remarks.orderText!=='' && pageData.remarks.orderText?pageData.remarks.orderText:'用户已抢购成功'}}
-      </div>
-      <div class="privacyBox">
-        <van-checkbox v-model="checked" checked-color="#fc8940">
-          <div>
-            <p style="margin: 0; padding: 0">
-              我已阅读并同意
-            </p>
-          </div>
-        </van-checkbox>
-        <span class="span" style="color: #fc8940" @click="showConceal = true">《隐私声明》 </span>
-        <span class="span" style="color: #fc8940" @click="ruleClick">《产品说明》</span>
-      </div>
-
-
-      <div v-if="temp === 'tencent'" class="tips">
-        注：1.手机号仅用于开通服务；2.本服务为中国联通提供，相关服务和责任由中国联通承担，如有问题请咨询中国联通10010。
-      </div>
-    </div>
-    <!-- 短认 -->
-    <div v-if="isBuy !== '已订购' && pageData.remarks.isBuy !== 1 && sp === 'text'" class="buyBoxText">
-      <div class="textBox">
-        <div class="input">
-          <input type="text" v-model="loginForm.phone" placeholder="请输入联通手机号" />
-        </div>
-        <div class="input">
-          <input type="text" v-model="loginForm.vcode" v-on:input="checkVcode" placeholder="验证码" maxlength="6" />
-          <span class="getcode" :class="{ code: 1, number: codeState.state }"
-            @click="getCode()">{{ codeState.state ? codeState.time + "s" : "获取验证码" }}</span>
-        </div>
-      </div>
-      <div class="btn"
-        :style="{'background-color': pageData.mainProduct.themeColor[0],'border-color': pageData.mainProduct.themeColor[1]}"
-        @click="btnTextClick">
-        {{ pageData.remarks.btnText ? pageData.remarks.btnText : "点我领取" }}
-      </div>
-      <div class="text"
-        :style="productJson.length>0 && productJson[0].rushC.e!==''?{'color':`${productJson[0].rushC.e}`}:{'color':'#000'}">
-        <span
-          :style="productJson.length>0 && productJson[0].rushC.e!==''?{'color':`${productJson[0].rushC.s}`}:{'color':'#ea1313'}">{{ times }}</span>{{pageData.remarks.orderText!=='' && pageData.remarks.orderText?pageData.remarks.orderText:'用户已抢购成功'}}
-      </div>
-      <div class="privacyBox">
-        <van-checkbox v-model="checked" checked-color="#fc8940">
-          <div>
-            <p style="margin: 0; padding: 0">
-              我已阅读并同意
-            </p>
-          </div>
-        </van-checkbox>
-        <span class="span" style="color: #fc8940" @click="showConceal = true">《隐私声明》</span>
-        <span class="span" style="color: #fc8940" @click="ruleClick">《产品说明》</span>
-      </div>
-      <div v-if="temp === 'tencent'" class="tips">
-        注：1.手机号仅用于开通服务；2.本服务为中国联通提供，相关服务和责任由中国联通承担，如有问题请咨询中国联通10010。
-      </div>
-    </div>
-    <!-- 用户状态 -->
-    <div v-if="user.userid" class="memBox">
-      {{ String(user.phone) | formatPhone }}（{{ isBuy }}）
-    </div>
-    <!-- 说明 -->
-    <div class="descbox">
-      <div class="main" v-html="pageData.mainProduct.givePhoneInfo"></div>
-    </div>
-    <!-- 推荐产品 -->
-    <div v-if="pageData.recommend.length > 0">
-      <div v-for="(item, index) in pageData.recommend" :key="index" class="probox" @click="recommend(item.id)" :style="{
-          backgroundImage: `url(${item.promotePhoto})`,
-        }"></div>
-    </div>
-
-    <!-- 活动图 -->
-    <div v-if="
-        pageData.strategyInfo.posterPhoto &&
-        pageData.strategyInfo.activityType !== 0
-      " class="probox" @click="onGoLink()" :style="{
-        backgroundImage: `url(${pageData.strategyInfo.posterPhoto})`,
-      }"></div>
-    <!-- tab导航 -->
-    <div class="tabBox">
-      <div class="tab" v-if="pageData.remarks.jiluBtn === '1'" @click="beforeLogin('manual')">
-        <img src="../assets/record.png" alt="" />
-        <div>订购记录</div>
-      </div>
-      <div class="tab" v-if="pageData.remarks.jihuoBtn === '1'"
-        @click="$emit('jihuo', { product: pageData.mainProduct })">
-        <img src="../assets/liuliang.png" alt="" />
-        <div>流量激活</div>
-      </div>
-      <div class="tab" v-if="pageData.remarks.memberBtn === '1'" @click="beforeLogin('member')">
-        <img src="../assets/huiyuan.png" alt="" />
-        <div>领取会员</div>
-      </div>
-      <div class="tab" v-if="pageData.remarks.chaxunBtn === '1'" @click="chaxun">
-        <img src="../assets/guanzhu.png" alt="" />
-        <div>剩余流量查询</div>
-      </div>
-      <div class="tab" v-if="pageData.remarks.tuidingBtn === '1'" @click="beforeLogin('unBUy')">
-        <img src="../assets/tuiding.png" alt="" />
-        <div>退订产品</div>
-      </div>
-    </div>
-    <!-- 隐私条款 -->
-    <conceal v-model="showConceal"></conceal>
-    <!-- 使用说明 -->
-    <div class="rule" @click="ruleClick">
-      <div class="icon"></div>
-      <div class="text">产品说明</div>
-    </div>
-    <rule-modal v-if="showRule" @ruleShow="ruleShow" :pageData="pageData"></rule-modal>
-    <!-- 反馈 -->
-    <div class="tucaoModal" @click="showTucao = true">
-      <div class="icon"></div>
-      <div class="text">反馈</div>
-    </div>
-    <vent-modal v-model="showTucao"></vent-modal>
-    <!-- 登录弹框组件 -->
-    <login-modal v-model="showLogin" :type="type" @getIsBuy="getIsBuy"></login-modal>
-    <!-- 退订弹框组件 -->
-    <unbuy-modal v-model="showUnbuy" :pageData="pageData" @childData="getChildData"></unbuy-modal>
-    <!-- 剩余流量查询 -->
-    <account-modal v-model="showQr"></account-modal>
-    <!-- 订购超时 -->
-    <timeout-modal v-model="showTimeout"></timeout-modal>
-    <!-- 遮罩 -->
-    <newZheZhao v-if="showZhezhao" isZheZhao="1"></newZheZhao>
-    <!-- 退订挽留 -->
-    <van-overlay :show="unBuyDrainage" :duration="0.1" @click="unBuyDrainage = false"
-      pageData.strategyInfo.unsubscribeStrategyList.length>0 > 0 >
-      <div class="other-modal modal" @click.stop>
-        <img src="../../assets/img/close.png" class="close" @click="unBuyDrainage = false" />
-        <div class="text-box">确定要放弃本服务吗?</div>
-        <div class="text-box">
-          {{ unBuyDrainageText }}
-        </div>
-        <div class="text-box">不要错过！</div>
-        <div class="btn-box">
-          <div class="btn left" @click="unBuySure">确定</div>
-          <div class="btn right" @click="recommend(pageData.strategyInfo.unsubscribeStrategyList[0])">
-            去看看
-          </div>
-        </div>
-      </div>
-    </van-overlay>
-    <!-- 重复订购引流 -->
-    <repeat-modal @repeat="recommend" v-model="repeatShow"></repeat-modal>
-  </div>
-</template>
-
-<script>
-  import {
-    orderList,
-    changeUserid,
-    strategyGetID,
-    detMainProduct,
-    seniorStrategy,
-  } from "../../api";
-  import mixinNew from "../../common/mixinNew";
-  import loginModal from "../../components/login.vue";
-  import addR from "../../common/addRecord";
-  import ruleModal from "../../components/ruleModal002.vue";
-  import ventModal from "../../components/helpModal.vue";
-  import accountModal from "../../components/gongZongHao.vue";
-  import timeoutModal from "../../components/timeoutModal.vue";
-  import newZheZhao from "../../components/newZheZhao.vue";
-  import conceal from "../../components/conceal.vue";
-  import unbuyModal from "../../components/unbuyModal.vue";
-  import repeatModal from "../../components/repeatModal.vue";
-  export default {
-    name: "baseNew",
-    mixins: [mixinNew],
-    data() {
-      return {
-        imgUrl: process.env.VUE_APP_IMGS_URL,
-        times: 0,
-        showLogin: false,
-        showRule: false,
-        showTucao: false,
-        showQr: false,
-        type: "",
-        showTimeout: false,
-        showUnbuy: false,
-        unBuyDrainage: false,
-        showScroll: false,
-        unBuyDrainageText: "",
-        isBuy: "已订购",
-        showConceal: false,
-        checked: false,
-        repeatShow: false,
-        productJson: [],
-      };
-    },
-    components: {
-      loginModal,
-      ruleModal,
-      ventModal,
-      accountModal,
-      timeoutModal,
-      newZheZhao,
-      unbuyModal,
-      conceal,
-      repeatModal
-    },
-    props: {
-      sp: String,
-      temp: String
-    },
-    filters: {
-      formatPhone: (phone) => {
-        phone = phone.toString();
-        return phone.substr(0, 3) + "****" + phone.substr(7, 11);
-      },
-    },
-    created() {
-      document.title = this.pageData.mainProduct.productName;
-      if (this.pageData.mainProduct.cacheSeatOne) {
-        this.productJson = this.pageData.mainProduct.cacheSeatOne
-      }
-      if (this.pageData.remarks.privacy && this.pageData.remarks.privacy !== '' && this.pageData.remarks.privacy !==
-        null) {
-        if (this.pageData.remarks.privacy === '1') {
-          this.checked = true
-        }
-      }
-    },
-    mounted() {
-      let now = new Date().getTime();
-      let times = (now - 1622476800000) / 180000;
-      this.times = String(Math.ceil(times * 2));
-      if (this.user.userid) {
-        this.getIsBuy();
-      } else {
-        this.isBuy = "未订购";
-      }
-      addR.showSP();
-      let newTime = new Date();
-      let d = newTime.getDate();
-      if (31 >= d && d >= 25 && this.pageData.remarks.isZoetrope === "1") {
-        this.showScroll = true;
-      }
-    },
-    methods: {
-      btnClick() {
-        if (this.checked === false) {
-          this.$toast.fail("请先勾选隐私声明");
-        } else {
-          this.openIframe();
-        }
-      },
-      btnTextClick() {
-        if (this.checked === false) {
-          this.$toast.fail("请先勾选隐私声明");
-        } else {
-          this.toBuy();
-        }
-      },
-      ruleShow() {
-        this.showRule = false;
-      },
-      ruleClick() {
-        this.showRule = true;
-        localStorage.setItem("startTime", new Date().getTime());
-      },
-      bannerClick() {
-        addR.clickBanner();
-        if (
-          this.pageData.remarks.isBuy === "1" &&
-          this.sp !== "text" &&
-          this.isBuy !== "已订购"
-        ) {
-          if (this.checked === false) {
-            this.$toast.fail("请先勾选隐私声明");
-          } else {
-            addR.clickBanner();
-            this.openIframe();
-          }
-        }
-      },
-      chaxun() {
-        addR.clickFollow();
-        this.showQr = true;
-      },
-      async beforeLogin(type) {
-        this.type = type;
-        if (this.user.userid) {
-          if (type === "manual" || type === "member") {
-            this.toLink(type);
-          } else if (type === "unBUy") {
-            addR.unBuyClick();
-            if (
-              this.pageData.strategyInfo.unsubscribeStrategyList !== null &&
-              this.pageData.strategyInfo.unsubscribeStrategyList.length > 0
-            ) {
-              let productId = await strategyGetID({
-                id: this.pageData.strategyInfo.unsubscribeStrategyList[0],
-              });
-              let drainageRes = await detMainProduct({
-                productId: productId.data.primaryProductId,
-              });
-              this.unBuyDrainageText = drainageRes.data.productName;
-              this.unBuyDrainage = true;
-            } else {
-              this.showUnbuy = true;
-            }
-          }
-        } else if (type === "unBUy") {
-          addR.unBuyClick();
-          if (
-            this.pageData.strategyInfo.unsubscribeStrategyList !== null &&
-            this.pageData.strategyInfo.unsubscribeStrategyList.length > 0
-          ) {
-            let productId = await strategyGetID({
-              id: this.pageData.strategyInfo.unsubscribeStrategyList[0],
-            });
-            let drainageRes = await detMainProduct({
-              productId: productId.data.primaryProductId,
-            });
-            this.unBuyDrainageText = drainageRes.data.productName;
-            this.unBuyDrainage = true;
-          } else {
-            this.showUnbuy = true;
-          }
-        } else {
-          addR.loginClick();
-          this.showLogin = true;
-        }
-      },
-      toLink(type) {
-        let cpid = this.$store.state.pageData.mainProduct.cpid;
-        let spid = this.$store.state.pageData.mainProduct.spid;
-        let isCompositeProduct =
-          this.$store.state.pageData.mainProduct.isCompositeProduct;
-        let activeType = this.$store.state.pageData.mainProduct.activeType;
-        let productName = this.$store.state.pageData.mainProduct.productName;
-        let url;
-        if (type === "manual") {
-          addR.clickOrderRecord();
-          url = "/order001";
-        } else if (type === "member") {
-          addR.memberClick();
-          if (this.pageData.mainProduct.isCompositeProduct === 2) {
-            url = "/member002";
-          } else {
-            url = "/member001";
-          }
-        }
-        this.$router.push({
-          path: url,
-          query: {
-            cpid: cpid,
-            spid: spid,
-            isCompositeProduct: isCompositeProduct,
-            activeType: activeType,
-            productName: productName,
-          },
-        });
-      },
-      // 获取产品订购状态
-      getIsBuy() {
-        orderList({
-          userid: this.user.userid,
-          cpid: this.param.cpid,
-          spid: this.param.spid,
-        }).then((res) => {
-          let data = res.data;
-          if (data.length === 0) {
-            this.isBuy = "未订购";
-          } else {
-            for (let i = 0; i < data.length; i++) {
-              if (data[i].STATUS === "0") {
-                this.isBuy = "已订购";
-              } else {
-                this.isBuy = "已退订";
-              }
-            }
-          }
-        });
-      },
-      // 推荐产品跳转
-      recommend(val) {
-        this.$store.commit("setTempName", "loading");
-        strategyGetID({
-          id: val
-        }).then(async (res) => {
-          if (res.data.strategyStatus === 1) {
-            let data = res.data;
-            let info = await detMainProduct({
-              productId: data.primaryProductId
-            });
-            if (this.user.userid) {
-              this.getIsBuy();
-            }
-            let recommend = [];
-            if (
-              data.recommendStrategyList !== null &&
-              data.recommendStrategyList.length > 0
-            ) {
-              for (let i = 0; i < data.recommendStrategyList.length; i++) {
-                let list = await strategyGetID({
-                  id: data.recommendStrategyList[i],
-                });
-                recommend.push(list.data);
-              }
-            }
-            let pageData = {
-              mainProduct: info.data,
-              strategyInfo: data,
-              remarks: data.extJson,
-              channl: {
-                channelKey: localStorage.getItem("key"),
-              },
-              recommend: recommend,
-            };
-            let params = {
-              anonymousId: this.$sensors.store._state.$device_id,
-              channleKey: localStorage.getItem("key"),
-              spId: info.data.spid,
-              userId: this.user.userid,
-            };
-            let item = await seniorStrategy(params);
-            if (item.data !== null) {
-              // 判断高级策略是否开启遮罩;
-              if (item.data.enableMask !== null) {
-                pageData.remarks.isMask = String(item.data.enableMask);
-                // 判断高级策略是否有遮罩文案 并替换
-                if (item.data.maskText !== null && item.data.maskText !== "") {
-                  pageData.remarks.maskText = item.data.maskText;
-                }
-              }
-              // 判断高级策略是否开启有推荐
-              if (
-                item.data.recommendStrategy !== "" &&
-                item.data.recommendStrategy !== null
-              ) {
-                let itemList = item.data.recommendStrategy.split(",");
-                pageData.recommend = [];
-                itemList.forEach((v) => {
-                  strategyGetID({
-                    id: v,
-                  }).then((resp) => {
-                    pageData.recommend.push(resp.data);
-                  });
-                });
-              }
-              if (item.data.cancelRule !== "" && item.data.cancelRule !== null) {
-                pageData.strategyInfo.unsubscribeStrategyList =
-                  item.data.cancelRule.split(",");
-              }
-              if (item.data.interceptRule === "1") {
-                pageData.interceptRule = item.data.interceptRule;
-              }
-              if (item.data.location !== "" && item.data.location !== null) {
-                pageData.location = item.data.location.split(",");
-              }
-            }
-            document.title = pageData.mainProduct.productName;
-            this.$store.commit("setPageData", pageData);
-            this.$store.commit("setTempName", data.templateCode);
-            if (item.data !== null) {
-              if (
-                item.data.templateName !== "" &&
-                item.data.templateName !== null
-              ) {
-                this.$store.commit("setTempName", item.data.templateName);
-              }
-            }
-          } else {
-            this.$toast.fail("当前策略未生效");
-          }
-        });
-        this.unBuyDrainage = false;
-      },
-      // 活动链接跳转
-      onGoLink() {
-        if (this.user.userid) {
-          if (this.pageData.strategyInfo.activityType === 2) {
-            let url = `${
-            this.pageData.strategyInfo.linkUrl
-          }&userid=${encodeURIComponent(this.user.userid)}`;
-            window.location.href = url;
-          } else if (this.pageData.strategyInfo.activityType === 1) {
-            changeUserid({
-              userid: this.user.userid,
-              cpid: this.param.cpid,
-            }).then((res) => {
-              let url = `${this.pageData.strategyInfo.linkUrl}?userid=${res.data}`;
-              window.location.href = url;
-            });
-          }
-        } else {
-          this.loginType = " 登录 ";
-          this.showLogin = true;
-          addR.loginClick();
-        }
-      },
-      // 点击确定
-      unBuySure() {
-        addR.clickUnsubscribe();
-        this.unBuyDrainage = false;
-        this.showUnbuy = true;
-      },
-      getChildData(data) {
-        this.isBuy = data;
-      },
-    },
-  };
-</script>
-
-<style lang="scss">
-  @import "./index.scss";
-</style>

purchase_H5/src/templates/baseNewText-common/index.vue

@@ -1,21 +0,0 @@
-<template>
-  <common @jihuo="jihuo" sp="text"></common>
-</template>
-
-<script>
-import common from "../baseNew/index.vue";
-export default {
-  data() {
-    return {};
-  },
-  methods: {
-    jihuo(data) {
-      window.open(data.product.flowJumpUrl);
-    },
-  },
-  components: { common },
-};
-</script>
-
-<style lang="scss">
-</style>

purchase_H5/src/templates/baseNewText-tencent/index.vue

@@ -1,23 +0,0 @@
-<template>
-    <common @jihuo="jihuo" temp="tencent" sp="text"> </common>
-</template>
-
-<script>
-    import common from "../baseNew/index.vue";
-    export default {
-        data() {
-            return {};
-        },
-        methods: {
-            jihuo(data) {
-                window.open(data.product.flowJumpUrl);
-            },
-        },
-        components: {
-            common
-        },
-    };
-</script>
-
-<style lang="scss">
-</style>

purchase_H5/src/templates/ksNew/index.vue

@@ -1,754 +0,0 @@
-<template>
-  <div class="ksNew my-template" id="temp">
-    <img :src="imgUrl + pageData.mainProduct.bannerPics[0]" class="banner" @click="bannerClick" alt="" />
-    <!--    <div class="calculate">-->
-    <!--      已有<span style="color: #ff5e00">{{ times }}</span> 个用户抢购成功-->
-    <!--    </div>-->
-    <!-- 隐私声明 -->
-    <div class="privacyBox">
-      <van-checkbox v-model="checked" checked-color="#fc8940">我已阅读并同意</van-checkbox>
-      <span class="span" style="color: #fc8940" @click="showAgreeMent = true">《隐私声明》</span>
-    </div>
-
-    <div v-if="pageData.remarks.isBuy === '1' && isBuy !== '已订购'" class="receive-btn bg-cover" @click="btnClick">
-      {{ pageData.remarks.btnText ? pageData.remarks.btnText : "点我领取" }}
-    </div>
-    <div class="manual">
-      <span class="hint" v-if="pageData.recommend !== null && pageData.recommend.length > 0"
-        @click="recommend(pageData.recommend[0].id)">领取{{ recommendName }}</span>
-      <span class="hint"
-        @click="$router.push({ path: '/manual001' ,query:{img:pageData.mainProduct.guidancePic.p}})">流量激活指引</span>
-    </div>
-    <div v-if="user.userid" class="userPhone">
-      {{ user.phone | formatPhone }}
-      <span>({{ isBuy }})</span>
-    </div>
-    <div class="explain-title">使用说明</div>
-    <div class="explain" v-html="pageData.mainProduct.orderingInfo"></div>
-    <div class="explain-title">流量使用说明（含快手极速版）</div>
-    <div class="explain" v-html="pageData.mainProduct.givePhoneInfo"></div>
-    <div class="btns">
-      <div v-if="pageData.remarks.jiluBtn === '1'" @click="beforeLogin('manual')">
-        订购记录
-      </div>
-      <div v-if="pageData.remarks.tuidingBtn === '1'" @click="beforeLogin('unBUy')">
-        退订产品
-      </div>
-      <div v-if="pageData.remarks.chaxunBtn === '1'" @click="chaxun">
-        剩余流量查询
-      </div>
-      <div @click="onGo('ks210702-question')">常见问题</div>
-    </div>
-    <div class="help" @click="showHelp = true">
-      <img src="./assets/edit.png" alt="" />求助
-    </div>
-    <div class="company">联通在线信息科技有限公司</div>
-    <!-- 剩余流量查询 -->
-    <account-modal v-model="showQr"></account-modal>
-    <van-overlay :show="showDetainer" @click.stop="">
-      <div class="modal-detainer modal2">
-        <div class="box">
-          <div class="title">确定要放弃本服务吗？</div>
-          <div class="recommend">限时优惠，不要错过!</div>
-          <div class="btn-box">
-            <div class="btn confirm" @click="unBuySure">确定</div>
-            <div class="btn switch" @click="
-                recommend(pageData.strategyInfo.unsubscribeStrategyList[0])
-              ">
-              去看看
-            </div>
-          </div>
-        </div>
-        <img src="./assets/close.png" alt="" class="close" @click="showDetainer = false" />
-      </div>
-    </van-overlay>
-    <!-- 登录弹框组件 -->
-    <login-modal v-model="showLogin" :type="type" @getIsBuy="getIsBuy"></login-modal>
-    <!-- 退订弹框组件 -->
-    <unbuy-modal v-model="showUnbuy" :pageData="pageData" @childData="getChildData"></unbuy-modal>
-    <!-- 遮罩 -->
-    <newZheZhao v-if="showZhezhao" isZheZhao="1"></newZheZhao>
-    <timeout-modal v-model="showTimeout"></timeout-modal>
-    <help-modal v-model="showHelp"></help-modal>
-    <!-- 轮播条 -->
-    <van-notice-bar v-show="showScroll" scrollable :text="pageData.remarks.zoetropeText" />
-    <!-- 快手隐私声明 -->
-    <agreeMent v-model="showAgreeMent"></agreeMent>
-    <!-- 重复订购引流 -->
-    <repeat-modal @repeat="recommend" v-model="repeatShow"></repeat-modal>
-  </div>
-</template>
-<script>
-  import {
-    orderList,
-    strategyGetID,
-    detMainProduct,
-    seniorStrategy,
-  } from "../../api";
-  import mixinTreatyNew from "../../common/mixinTreatyNew";
-  import helpModal from "../../components/helpModal.vue";
-  import loginModal from "../../components/login.vue";
-  import newZheZhao from "../../components/newZheZhao.vue";
-  import unbuyModal from "../../components/unbuyModal.vue";
-  import timeoutModal from "../../components/timeoutModal.vue";
-  import accountModal from "../../components/gongZongHao.vue";
-  import addR from "../../common/addRecord";
-  import agreeMent from "../../components/agreeMent.vue";
-  import repeatModal from "../../components/repeatModal.vue";
-  export default {
-    mixins: [mixinTreatyNew],
-    data() {
-      return {
-        imgUrl: process.env.VUE_APP_IMGS_URL,
-        times: 0,
-        loginBtn: "登录",
-        loginType: "订购记录",
-        showLogin: false,
-        showUnbuy: false,
-        showQr: false,
-        showHelp: false,
-        showDetainer: false,
-        receiveState: false,
-        showPuzzle: false,
-        switchStatus: false,
-        showZhezhao: false,
-        showScroll: false,
-        ks: "ksForm",
-        isBuy: "已订购",
-        type: "",
-        recommendName: "",
-        showAgreeMent: false,
-        checked: true,
-        repeatShow: false
-      };
-    },
-    filters: {
-      formatPhone: (phone) => {
-        phone = phone.toString();
-        return phone.substr(0, 3) + "****" + phone.substr(7, 11);
-      },
-    },
-    async created() {
-      let head = document.getElementsByTagName("head")[0];
-      let script = document.createElement("script");
-      script.innerHTML = `
-    (function (root) {
-      var ksscript = document.createElement('script');
-      ksscript.setAttribute('charset', 'utf-8');
-      ksscript.src = 'https://tx2.a.kwimgs.com/udata/pkg/ks-ad-trace-sdk/ks-trace.3.2.0.min.js';
-      var s = document.getElementsByTagName('script')[0];
-      s.parentNode.insertBefore(ksscript, s);
-    })(window);`;
-      head.appendChild(script);
-      document.title = this.pageData.mainProduct.remark;
-      if (
-        this.pageData.recommend !== null &&
-        this.pageData.recommend.length > 0
-      ) {
-        let info = await detMainProduct({
-          productId: this.pageData.recommend[0].primaryProductId,
-        });
-        this.recommendName = info.data.remark;
-      }
-      if (this.pageData.remarks.privacy && this.pageData.remarks.privacy !== '' && this.pageData.remarks.privacy !==
-        null) {
-        if (this.pageData.remarks.privacy === '1') {
-          this.checked = true
-        }
-      }
-    },
-
-    mounted() {
-      addR.showSP();
-        let now = new Date().getTime();
-        let times = (now - 1622476800000) / 180000;
-        this.times = String(Math.ceil(times * 2));
-      if (this.user.userid) {
-        this.getIsBuy();
-      } else {
-        this.isBuy = "未订购";
-      }
-      let newTime = new Date();
-      let d = newTime.getDate();
-      if (31 >= d && d >= 25 && this.pageData.remarks.isZoetrope === "1") {
-        this.showScroll = true;
-      }
-    },
-    methods: {
-      btnClick() {
-        if (this.checked === false) {
-          this.$toast.fail("请先勾选隐私声明");
-        } else {
-          this.openIframe();
-        }
-      },
-      bannerClick() {
-        addR.clickBanner();
-        if (this.isBuy !== "已订购" && this.pageData.remarks.isBuy !== 1) {
-          if (this.checked === false) {
-            this.$toast.fail("请勾选隐私声明");
-          } else {
-            this.openIframe();
-          }
-        }
-      },
-      chaxun() {
-        addR.clickFollow();
-        this.showQr = true;
-      },
-      async beforeLogin(type) {
-        this.type = type;
-        if (this.user.userid) {
-          if (type === "manual") {
-            addR.clickOrderRecord();
-            let url = "/order001";
-            this.$router.push({
-              path: url
-            });
-          }
-          if (type === "unBUy") {
-            addR.unBuyClick();
-            if (
-              this.pageData.strategyInfo.unsubscribeStrategyList !== null &&
-              this.pageData.strategyInfo.unsubscribeStrategyList.length > 0
-            ) {
-              this.showDetainer = true;
-            } else {
-              this.showUnbuy = true;
-            }
-          }
-        } else if (type === "unBUy") {
-          addR.unBuyClick();
-          if (
-            this.pageData.strategyInfo.unsubscribeStrategyList !== null &&
-            this.pageData.strategyInfo.unsubscribeStrategyList.length > 0
-          ) {
-            this.showDetainer = true;
-          } else {
-            this.showUnbuy = true;
-          }
-        } else {
-          addR.loginClick();
-          this.showLogin = true;
-        }
-      },
-      // 推荐产品跳转
-      recommend(val) {
-        this.$store.commit("setTempName", "loading");
-        strategyGetID({
-          id: val
-        }).then(async (res) => {
-          if (res.data.strategyStatus === 1) {
-            let data = res.data;
-            let info = await detMainProduct({
-              productId: data.primaryProductId
-            });
-            if (this.user.userid) {
-              this.getIsBuy();
-            }
-            let recommend = [];
-            if (
-              data.recommendStrategyList !== null &&
-              data.recommendStrategyList.length > 0
-            ) {
-              for (let i = 0; i < data.recommendStrategyList.length; i++) {
-                let list = await strategyGetID({
-                  id: data.recommendStrategyList[i],
-                });
-                recommend.push(list.data);
-              }
-            }
-            let pageData = {
-              mainProduct: info.data,
-              strategyInfo: data,
-              remarks: data.extJson,
-              channl: {
-                channelKey: localStorage.getItem("key"),
-              },
-              recommend: recommend,
-            };
-            let params = {
-              anonymousId: this.$sensors.store._state.$device_id,
-              channleKey: localStorage.getItem("key"),
-              spId: info.data.spid,
-              userId: this.user.userid,
-            };
-            let item = await seniorStrategy(params);
-            if (item.data !== null) {
-              // 判断高级策略是否开启遮罩
-              if (item.data.enableMask !== null) {
-                pageData.remarks.isMask = String(item.data.enableMask);
-                // 判断高级策略是否有遮罩文案 并替换
-                if (item.data.maskText !== null && item.data.maskText !== "") {
-                  pageData.remarks.maskText = item.data.maskText;
-                }
-              }
-              // 判断高级策略是否开启有推荐
-              if (
-                item.data.recommendStrategy !== "" &&
-                item.data.recommendStrategy !== null
-              ) {
-                let itemList = item.data.recommendStrategy.split(",");
-                pageData.recommend = [];
-                itemList.forEach((v) => {
-                  strategyGetID({
-                    id: v,
-                  }).then((resp) => {
-                    pageData.recommend.push(resp.data);
-                  });
-                });
-              }
-              if (item.data.cancelRule !== "" && item.data.cancelRule !== null) {
-                pageData.strategyInfo.unsubscribeStrategyList =
-                  item.data.cancelRule.split(",");
-              }
-              if (item.data.interceptRule === "1") {
-                pageData.interceptRule = item.data.interceptRule;
-              }
-              if (item.data.location !== "" && item.data.location !== null) {
-                pageData.location = item.data.location.split(",");
-              }
-            }
-            document.title = pageData.mainProduct.productName;
-            this.$store.commit("setPageData", pageData);
-            this.$store.commit("setTempName", data.templateCode);
-            if (item.data !== null) {
-              if (
-                item.data.templateName !== "" &&
-                item.data.templateName !== null
-              ) {
-                this.$store.commit("setTempName", item.data.templateName);
-              }
-            }
-          } else {
-            this.$toast.fail("当前策略未生效");
-          }
-        });
-        this.unBuyDrainage = false;
-      },
-      // 获取产品订购状态
-      getIsBuy() {
-        window.ksBridge.register(
-          "emitFreeTrafficUpdate",
-          "emitFreeTrafficUpdate"
-        );
-        window.ksBridge.emitFreeTrafficUpdate({
-          complete: (res) => {
-            console.log(res);
-          },
-        });
-        orderList({
-          userid: this.user.userid,
-          cpid: this.param.cpid,
-          spid: this.param.spid,
-        }).then((res) => {
-          let data = res.data;
-          if (data.length === 0) {
-            this.isBuy = "未订购";
-          } else {
-            for (let i = 0; i < data.length; i++) {
-              if (data[i].STATUS === "0") {
-                this.isBuy = "已订购";
-              } else {
-                this.isBuy = "已退订";
-              }
-            }
-          }
-        });
-      },
-      onGo(path) {
-        this.$router.push(path);
-      },
-      // 点击确定
-      unBuySure() {
-        addR.clickUnsubscribe();
-        this.showDetainer = false;
-        this.showUnbuy = true;
-      },
-      getChildData(data) {
-        this.isBuy = data;
-      },
-      // 点击退订
-      unBuyClick() {
-        addR.unBuyClick();
-        this.showDetainer = true;
-      },
-    },
-    components: {
-      helpModal,
-      timeoutModal,
-      newZheZhao,
-      unbuyModal,
-      loginModal,
-      accountModal,
-      agreeMent,
-      repeatModal
-    },
-  };
-</script>
-<style lang="scss">
-  .ksNew {
-    background-color: #fff;
-
-    .banner {
-      display: block;
-      width: 750px;
-      height: 840px;
-    }
-
-    .calculate {
-      text-align: center;
-      padding: 20px 0 0 0;
-    }
-
-    .receive-btn {
-      box-sizing: border-box;
-      margin: 0 auto;
-      width: 710px;
-      height: 120px;
-      background-image: url(./assets/bt.png);
-      font-size: 48px;
-      text-align: center;
-      padding-top: 26px;
-      font-weight: 800;
-      color: #ffffff;
-      @include common-scale;
-    }
-
-    .manual {
-      display: flex;
-      justify-content: space-between;
-      padding: 38px 60px;
-      font-size: 32px;
-
-      .hint {
-        font-weight: bold;
-        text-decoration: underline;
-        color: #ff3d00;
-      }
-    }
-
-    .userPhone {
-      font-size: 30px;
-      font-family: PingFang SC;
-      font-weight: bold;
-      color: #222222;
-      box-sizing: border-box;
-      padding-left: 62px;
-      padding-bottom: 37px;
-    }
-
-    .iframe {
-      position: fixed;
-      width: 100%;
-      height: 100%;
-      left: 0;
-      top: 0;
-      z-index: 999;
-    }
-
-    .explain-title {
-      font-size: 42px;
-      line-height: 1;
-      font-weight: bold;
-      color: #222222;
-      padding: 0 60px;
-    }
-
-    .explain {
-      margin: 30px 60px 60px;
-      max-height: 400px;
-      overflow-y: auto;
-      font-size: 26px;
-      line-height: 48px;
-      color: #666;
-
-      p {
-        margin: 0;
-
-        strong {
-          font-size: 30px;
-          color: #222222;
-        }
-      }
-    }
-
-    .btns {
-      padding: 20px 60px 50px;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      font-size: 24px;
-      text-decoration: underline;
-      color: #d6000f;
-    }
-
-    .modal-qr {
-      box-sizing: border-box;
-      position: absolute;
-      left: 50%;
-      top: 333px;
-      transform: translateX(-50%);
-      width: 530px;
-      background-color: #fff;
-      border-radius: 10px;
-
-      .qr {
-        width: 294px;
-        height: 294px;
-        display: block;
-        margin: 85px auto 0;
-      }
-
-      .text {
-        margin: 28px 0 77px;
-        text-align: center;
-        font-size: 32px;
-        line-height: 50px;
-        font-weight: bold;
-        color: #222222;
-      }
-    }
-
-    .modal2 {
-      box-sizing: border-box;
-      position: absolute;
-      left: 50%;
-      top: 50%;
-      transform: translate(-50%, -50%);
-      background-image: url(./assets/modal-bg.png);
-      background-size: 100% auto;
-      background-position: center top;
-      background-repeat: no-repeat;
-      background-color: #fff;
-      border-radius: 8px;
-      padding: 110px 0 32px;
-      width: 630px;
-
-      .box {
-        width: 590px;
-        box-sizing: border-box;
-        margin: 0 auto;
-        padding: 60px 40px;
-        background-color: #fff;
-        box-shadow: 0 0 20px 0 rgba(148, 55, 27, 0.3);
-      }
-    }
-
-    .unbuy-modal {
-      top: 366px;
-
-      .body-box {
-        padding: 40px 50px 70px;
-
-        .input-box {
-          display: flex;
-          line-height: 75px;
-          margin-bottom: 25px;
-          justify-content: space-between;
-          align-items: center;
-          border-bottom: 1px solid #d6000f;
-
-          .input {
-            font-size: 32px;
-            color: #000;
-            flex: 1;
-            background-color: transparent;
-
-            input {
-              margin: 0;
-              padding: 0;
-              border: none;
-              outline: none;
-              width: 100%;
-            }
-          }
-
-          .code {
-            font-size: 28px;
-            width: 150px;
-            margin: 0 10px;
-            color: #d6000f;
-
-            &.number {
-              color: #a7a7a7;
-            }
-          }
-        }
-
-        .btn-box {
-          display: flex;
-          justify-content: space-between;
-
-          .btn {
-            width: 190px;
-            margin-top: 20px;
-            height: 80px;
-            line-height: 80px;
-            border-radius: 40px;
-            font-size: 34px;
-            font-weight: bold;
-            text-align: center;
-          }
-
-          .left {
-            background: #ffffff;
-            border: 2px solid #bfbfbf;
-            border-radius: 8px;
-          }
-
-          .right {
-            color: #d6000f;
-            background: #ffffff;
-            border: 2px solid #d6000f;
-            border-radius: 8px;
-          }
-        }
-      }
-
-      .btn {
-        margin-top: 40px;
-        height: 80px;
-        line-height: 80px;
-        background: #fdc51b;
-        border-radius: 40px;
-        font-size: 34px;
-        font-weight: bold;
-        color: #0d0d0d;
-        text-align: center;
-      }
-    }
-
-    .help {
-      position: fixed;
-      bottom: 230px;
-      right: 0;
-      width: 128px;
-      height: 80px;
-      border-radius: 40px 0 0 40px;
-      box-sizing: border-box;
-      padding-right: 15px;
-      background-color: rgba(0, 0, 0, 0.7);
-      font-size: 28px;
-      display: flex;
-      justify-content: flex-end;
-      align-items: center;
-      color: #ffffff;
-
-      img {
-        display: block;
-        width: 30px;
-        height: 30px;
-        margin-right: 5px;
-        position: relative;
-        top: -2px;
-      }
-    }
-
-    .modal-detainer {
-      .close {
-        position: absolute;
-        top: 30px;
-        right: 20px;
-        width: 45px;
-        height: 45px;
-      }
-
-      .title {
-        line-height: 42px;
-        margin: 32px 0;
-        font-size: 38px;
-        text-align: center;
-      }
-
-      .recommend {
-        font-size: 32px;
-        line-height: 40px;
-        text-align: center;
-      }
-
-      .btn-box {
-        margin-top: 60px;
-        display: flex;
-        justify-content: space-between;
-
-        .btn {
-          width: 230px;
-          height: 80px;
-          line-height: 80px;
-          text-align: center;
-          font-size: 34px;
-          border-radius: 5px;
-        }
-
-        .confirm {
-          border: 2px solid #dadada;
-          color: #9d9d9d;
-        }
-
-        .switch {
-          color: #ffffff;
-          background-color: #d6000f;
-        }
-      }
-    }
-
-    .company {
-      text-align: center;
-      line-height: 80px;
-      padding-bottom: 20px;
-      color: #9d9d9d;
-      font-size: 20px;
-    }
-
-    .van-notice-bar {
-      background-color: transparent;
-      padding: 0 0;
-      color: #000;
-
-      .van-notice-bar__wrap {
-        margin-top: -43rem;
-      }
-
-      .van-notice-bar__content {
-        background-color: #fff;
-        padding: 10px 30px;
-        border-radius: 30px;
-        opacity: 0.7;
-      }
-    }
-
-
-    .van-icon {
-      background-color: #f6f6f6;
-      // border: 0 !important;
-      transform: scale(0.75, 0.75);
-      border-color: #fc8940;
-    }
-
-    .van-checkbox__label {
-      margin-left: 5px;
-    }
-
-    .privacyBox {
-      display: flex;
-      flex-direction: row;
-      justify-content: space-around;
-      margin-top: 20px;
-      font-size: 22px;
-
-      .van-checkbox {
-        width: 55%;
-        text-align: right;
-        display: flex;
-        justify-content: flex-end;
-      }
-
-      .span {
-        flex: 1;
-        display: flex;
-        align-items: center;
-      }
-    }
-  }
-</style>

purchase_H5/src/templates/mangguoNew/index.scss

@@ -1,482 +0,0 @@
-.mangguo {
-    background-color: #000;
-    color: #0d0d0d;
-    min-height: 100vh;
-    font-family: PingFang SC;
-    position: relative;
-    padding-bottom: 20px;
-    width: 100vw;
-    overflow-x: hidden;
-
-    @keyframes scale {
-        from {
-            transform: scale(1);
-        }
-
-        to {
-            transform: scale(0.8);
-        }
-    }
-
-    .iframe {
-        position: fixed;
-        width: 100%;
-        height: 100%;
-        left: 0;
-        top: 0;
-        z-index: 9999;
-    }
-
-    .bannerBox {
-        width: 100%;
-        height: 1200px;
-        background-size: 100%;
-        border-radius: 0 0 60px 60px;
-        background-repeat: no-repeat;
-
-        .activity {
-            position: absolute;
-            right: 0;
-            width: 180px;
-            height: 140px;
-            top: 700px;
-        }
-    }
-
-    .rule {
-        position: fixed;
-        right: 0;
-        top: 30px;
-        width: 220px;
-        height: 76px;
-        background: #FFFFFF;
-        box-shadow: 0px 0px 12px 0px #ACACAC;
-        opacity: 0.8;
-        border-radius: 30px 0px 0px 30px;
-        font-size: 30px;
-        color: #0D0D0D;
-        line-height: 75px;
-        display: flex;
-        justify-content: space-around;
-        z-index: 1;
-
-        .icon {
-            margin: 20px 0 20px 20px;
-            background: url("../assets/guize.png");
-            width: 36px;
-            height: 36px;
-            background-size: 100%;
-        }
-
-        .text {
-            width: 150px;
-            text-align: center;
-        }
-    }
-
-    .tucaoModal {
-        position: fixed;
-        bottom: 450px;
-        right: 0;
-        width: 120px;
-        height: 60px;
-        background: #141517;
-        opacity: 0.5;
-        border-radius: 30px 0px 0px 30px;
-        font-size: 24px;
-        color: #FFFFFF;
-        line-height: 60px;
-        display: flex;
-        justify-content: space-around;
-        z-index: 1;
-
-        .icon {
-            margin: 18px 0 18px 20px;
-            background: url("../assets/tucao.png");
-            width: 24px;
-            height: 24px;
-            background-size: 100%;
-        }
-    }
-
-
-    .buyBox {
-        margin-top: -48px;
-        padding: 0 25px;
-
-        .btn {
-            width: 700px;
-            height: 100px;
-            border-radius: 50px;
-            line-height: 100px;
-            font-size: 40px;
-            font-weight: bold;
-            border-style: solid;
-            border-width: 4px;
-            color: #ffffff;
-            text-align: center;
-            animation-name: scale;
-            animation-duration: 0.6s;
-            animation-timing-function: linear;
-            animation-iteration-count: infinite;
-            animation-direction: alternate-reverse;
-        }
-
-        .text {
-            line-height: 50px;
-            font-size: 26px;
-            // font-weight: bold;
-            color: #0d0d0d;
-            text-align: center;
-
-            span {
-                color: #ea1313;
-                font-weight: bold
-            }
-        }
-    }
-
-    .buyBoxText {
-        width: 690px;
-        margin: 20px 30px;
-        background-color: #fff;
-        padding-bottom: 40px;
-
-        .btn {
-            margin-top: 60px;
-            width: 690px;
-            height: 100px;
-            border-radius: 50px;
-            line-height: 100px;
-            font-size: 40px;
-            font-weight: bold;
-            border-style: solid;
-            border-width: 4px;
-            color: #ffffff;
-            text-align: center;
-            animation-name: scale;
-            animation-duration: 0.6s;
-            animation-timing-function: linear;
-            animation-iteration-count: infinite;
-            animation-direction: alternate-reverse;
-        }
-
-        .textBox {
-            // width: 750px;
-            padding: 0 50px;
-            box-sizing: border-box;
-
-            .input {
-                height: 117px;
-                margin: 0 auto;
-                border-bottom: 2px solid #595959;
-                position: relative;
-
-                input {
-                    margin: 0;
-                    padding: 0;
-                    border: none;
-                    outline: none;
-                    width: 100%;
-                    font-size: 34px;
-                    font-family: PingFang SC;
-                    font-weight: 500;
-                    color: #757575;
-                    background-color: transparent;
-                    position: absolute;
-                    bottom: 22px;
-                    left: 28px;
-                }
-
-                .getcode {
-                    font-size: 34px;
-                    font-family: PingFang SC;
-                    font-weight: bold;
-                    color: #0D0D0D;
-                    position: absolute;
-                    right: 20px;
-                    bottom: 24px;
-                }
-            }
-        }
-
-    }
-
-    .memBox {
-        width: 690px;
-        height: 100px;
-        background: #ffffff;
-        font-size: 34px;
-        font-weight: bold;
-        color: #0d0d0d;
-        line-height: 100px;
-        padding-left: 40px;
-        border-radius: 20px;
-        margin: 0 auto;
-        margin-top: 30px;
-        box-sizing: border-box;
-
-    }
-
-    .probox {
-        margin: 20px 30px;
-        width: 690px;
-        border-radius: 20px;
-        box-shadow: 0px 0px 2px 0px #ACACAC;
-        height: 140px;
-        background-size: 100% 100%;
-
-    }
-
-    .descbox {
-        margin: 20px 30px;
-        border-radius: 20px;
-        padding: 20px 40px;
-        color: #FFFFFF;
-        box-sizing: border-box;
-        position: relative;
-
-        .main {
-            word-break: break-all;
-
-            h2 {
-                width: 100%;
-                color: #fff;
-                margin: 0;
-                line-height: 60px;
-                text-align: center;
-                position: relative;
-
-                &::before {
-                    content: "";
-                    background: url('./imgs/left.png') no-repeat;
-                    background-size: 100%;
-                    width: 150px;
-                    height: 24px;
-                    margin-right: 15px;
-                    position: absolute;
-                    left: 60px;
-                    top: 42%;
-                }
-
-                &::after {
-                    content: "";
-                    background: url('./imgs/right.png') no-repeat;
-                    background-size: 100%;
-                    width: 150px;
-                    height: 24px;
-                    margin-right: 15px;
-                    position: absolute;
-                    right: 50px;
-                    top: 42%;
-                }
-            }
-
-            p {
-                font-size: 26px;
-                line-height: 45px;
-                margin: 20px 0;
-            }
-        }
-    }
-
-    .tabBox {
-        margin: 20px 30px;
-        width: 690px;
-        //height: 138px;
-        //border: 1px solid #FF7800;
-        box-shadow: #ff7800 0px 0px 1px 2px inset;
-        border-radius: 8px;
-        display: -webkit-box;
-        overflow-x: scroll;
-        -webkit-overflow-scrolling: touch;
-
-        .tab {
-            width: 25%;
-            margin: 26px 0px;
-
-            img {
-                width: 50px;
-                height: 50px;
-                margin: 0 65px;
-            }
-
-            div {
-                text-align: center;
-                font-size: 16px;
-                // font-weight: bold;
-                color: #fff;
-            }
-        }
-    }
-
-    .modal {
-        box-sizing: border-box;
-        position: absolute;
-        left: 50%;
-        top: 333px;
-        transform: translateX(-50%);
-        width: 530px;
-        background-color: #fff;
-        border-radius: 8px;
-
-        .close {
-            width: 80px;
-            height: 80px;
-            position: absolute;
-            bottom: -130px;
-            left: 50%;
-            transform: translateX(-50%);
-        }
-
-        .top {
-            width: 100%;
-            height: 96px;
-        }
-
-        .logo {
-            width: 92px;
-            height: 50px;
-            position: absolute;
-            top: 22px;
-            left: 37px;
-        }
-    }
-
-
-    .other-modal {
-        top: 366px;
-        padding: 60px 65px;
-
-        .input-box {
-            display: flex;
-            line-height: 75px;
-            margin-bottom: 25px;
-            justify-content: space-between;
-            align-items: center;
-            border-bottom: 1px solid #fdc620;
-
-            .input {
-                font-size: 32px;
-                color: #000;
-                flex: 1;
-                background-color: transparent;
-
-                input {
-                    margin: 0;
-                    padding: 0;
-                    border: none;
-                    outline: none;
-                    width: 100%;
-                }
-            }
-
-            .code {
-                font-size: 28px;
-                width: 150px;
-                margin: 0 10px;
-                color: #222222;
-
-                &.number {
-                    color: #a7a7a7;
-                }
-            }
-        }
-
-        .text-box {
-            font-family: PingFang-SC-Medium;
-            text-align: center;
-            line-height: 55px;
-            font-size: 32px;
-        }
-
-        .btn-box {
-            display: flex;
-            justify-content: space-between;
-
-            .btn {
-                width: 190px;
-                margin-top: 20px;
-                height: 80px;
-                line-height: 80px;
-                border-radius: 40px;
-                font-size: 34px;
-                font-weight: bold;
-                text-align: center;
-            }
-
-            .left {
-                border: 2px #fdc51b solid;
-                color: #fdc51b;
-                background-color: #ffffff;
-            }
-
-            .right {
-                color: #0d0d0d;
-                background: #fdc51b;
-            }
-        }
-
-        .btn {
-            margin-top: 40px;
-            height: 80px;
-            line-height: 80px;
-            background: #fdc51b;
-            border-radius: 40px;
-            font-size: 34px;
-            font-weight: bold;
-            color: #0d0d0d;
-            text-align: center;
-        }
-    }
-
-    .van-notice-bar {
-        background-color: transparent;
-        padding: 0 0;
-        color: #000;
-
-        .van-notice-bar__wrap {
-            margin-top: 17rem;
-        }
-
-        .van-notice-bar__content {
-            background-color: #fff;
-            padding: 10px 30px;
-            border-radius: 30px;
-            opacity: 0.7;
-        }
-    }
-
-    .van-icon {
-        background-color: #f6f6f6;
-        // border: 0 !important;
-        transform: scale(0.75, 0.75);
-        border-color: #fc8940;
-    }
-
-    .van-checkbox__label {
-        margin-left: 5px;
-        color: #fff;
-    }
-
-    .privacyBox {
-        display: flex;
-        flex-direction: row;
-        justify-content: space-around;
-        margin-top: 20px;
-        font-size: 22px;
-
-        .van-checkbox {
-            width: 55%;
-            text-align: right;
-            display: flex;
-            justify-content: flex-end;
-        }
-
-        .span {
-            flex: 1;
-            display: flex;
-            align-items: center;
-        }
-    }
-}

purchase_H5/src/templates/mangguoNew/index.vue

@@ -1,480 +0,0 @@
-<template>
-  <div class="mangguo" id="temp">
-    <div class="bannerBox" :style="{backgroundImage: `url(${imgUrl}${pageData.mainProduct.bannerPics[0]})`,
-      }" @click="bannerClick">
-      <img @click.stop class="activity" v-if="
-          pageData.strategyInfo.activityType !== 0 &&
-          pageData.strategyInfo.activityLogo
-        " :src="`${pageData.strategyInfo.activityLogo}`" @click="onGoLink()" />
-      <!-- 轮播条 -->
-      <van-notice-bar v-show="showScroll" scrollable :text="pageData.remarks.zoetropeText" />
-    </div>
-    <div class="privacyBox">
-      <van-checkbox v-model="checked" checked-color="#fc8940">
-
-        <p style="margin: 0; padding: 0">
-          我已阅读并同意
-        </p>
-      </van-checkbox>
-      <span class="span" style="color: #fc8940" @click="showConceal = true">《隐私声明》</span>
-    </div>
-
-    <!-- tab导航 -->
-    <div class="tabBox">
-      <div class="tab" v-if="pageData.remarks.jihuoBtn === '1'" @click="jihuo">
-        <img src="./imgs/jihuo.png" alt="" />
-        <div>流量激活</div>
-      </div>
-      <div class="tab" v-if="pageData.remarks.memberBtn === '1'" @click="beforeLogin('member')">
-        <img src="./imgs/huiyuan.png" alt="" />
-        <div>领取会员</div>
-      </div>
-      <div class="tab" v-if="pageData.remarks.chaxunBtn === '1'" @click="chaxun">
-        <img src="./imgs/liuliangchaxu.png" alt="" />
-        <div>余量查询</div>
-      </div>
-      <div class="tab" v-if="pageData.remarks.tuidingBtn === '1'" @click="beforeLogin('unBUy')">
-        <img src="./imgs/tuiding.png" alt="" />
-        <div>退订产品</div>
-      </div>
-      <div class="tab" v-if="pageData.remarks.jiluBtn === '1'" @click="beforeLogin('manual')">
-        <img src="./imgs/jilu.png" alt="" />
-        <div>订购记录</div>
-      </div>
-    </div>
-    <!-- 说明 -->
-    <div class="descbox">
-      <div class="main" v-html="pageData.mainProduct.givePhoneInfo"></div>
-    </div>
-
-    <!-- 活动图 -->
-    <div v-if="pageData.strategyInfo.posterPhoto" class="probox" @click="onGoLink()" :style="{
-        backgroundImage: `url(${pageData.strategyInfo.posterPhoto})`,
-      }"></div>
-    <!-- <div
-      @click="showConceal = true"
-      style="
-        text-align: center;
-        padding-bottom: 20px;
-        color: #fff;
-        text-decoration: underline;
-      "
-    >
-      隐私声明
-    </div> -->
-    <!-- <rule-modal v-model="showRule" :pageData="pageData"></rule-modal>
-    <vent-modal v-model="showTucao"></vent-modal> -->
-    <!-- 登录弹框组件 -->
-    <login-modal v-model="showLogin" :type="type" @getIsBuy="getIsBuy"></login-modal>
-    <!-- 退订弹框组件 -->
-    <unbuy-modal v-model="showUnbuy" :pageData="pageData" @childData="getChildData"></unbuy-modal>
-    <!-- 剩余流量查询 -->
-    <account-modal v-model="showQr"></account-modal>
-    <!-- 订购超时 -->
-    <timeout-modal v-model="showTimeout"></timeout-modal>
-    <!-- 遮罩 -->
-    <newZheZhao v-if="showZhezhao" isZheZhao="1"></newZheZhao>
-    <!-- 隐私条款 -->
-    <conceal v-model="showConceal"></conceal>
-    <!-- 退订挽留 -->
-    <van-overlay :show="unBuyDrainage" :duration="0.1" @click="unBuyDrainage = false"
-      pageData.strategyInfo.unsubscribeStrategyList.length>0 > 0 >
-      <div class="other-modal modal" @click.stop>
-        <img src="../../assets/img/close.png" class="close" @click="unBuyDrainage = false" />
-        <div class="text-box">确定要放弃本服务吗?</div>
-        <div class="text-box">
-          {{ unBuyDrainageText }}
-        </div>
-        <div class="text-box">不要错过！</div>
-        <div class="btn-box">
-          <div class="btn left" @click="unBuySure">确定</div>
-          <div class="btn right" @click="recommend(pageData.strategyInfo.unsubscribeStrategyList[0])">
-            去看看
-          </div>
-        </div>
-      </div>
-    </van-overlay>
-    <!-- 重复订购引流 -->
-    <repeat-modal @repeat="recommend" v-model="repeatShow"></repeat-modal>
-  </div>
-</template>
-
-<script>
-  import {
-    orderList,
-    changeUserid,
-    strategyGetID,
-    detMainProduct,
-    getPhoneAddres,
-    seniorStrategy,
-  } from "../../api";
-  import mixinTreatyNew from "../../common/mixinTreatyNew";
-  import loginModal from "../../components/login.vue";
-  import addR from "../../common/addRecord";
-  import ruleModal from "../../components/ruleModal002.vue";
-  import ventModal from "../../components/helpModal.vue";
-  import accountModal from "../../components/gongZongHao.vue";
-  import timeoutModal from "../../components/timeoutModal.vue";
-  import newZheZhao from "../../components/newZheZhao.vue";
-  import unbuyModal from "../../components/unbuyModal.vue";
-  import agreeMent from "../../components/agreeMent.vue";
-  import MgtvApi from "@/util/mgTvJssdk.js";
-  import conceal from "../../components/conceal.vue";
-  import repeatModal from "../../components/repeatModal.vue";
-
-  export default {
-    name: "baseNew",
-    mixins: [mixinTreatyNew],
-    data() {
-      return {
-        imgUrl: process.env.VUE_APP_IMGS_URL,
-        times: 0,
-        showLogin: false,
-        showRule: false,
-        showTucao: false,
-        showQr: false,
-        type: "",
-        showTimeout: false,
-        showUnbuy: false,
-        unBuyDrainage: false,
-        showAgreeMent: false,
-        showScroll: false,
-        checked: false,
-        unBuyDrainageText: "",
-        isBuy: "已订购",
-        temp: "mangguoZJ",
-        showConceal: false,
-        repeatShow: false
-      };
-    },
-    components: {
-      loginModal,
-      ruleModal,
-      ventModal,
-      accountModal,
-      timeoutModal,
-      newZheZhao,
-      unbuyModal,
-      agreeMent,
-      conceal,
-      repeatModal
-    },
-    activated() {
-      window.document.title = this.pageData.mainProduct.productName;
-      if (/ip(hone|od|ad)/i.test(navigator.userAgent)) {
-        const hackIframe = document.createElement("iframe");
-        hackIframe.style.display = "none";
-        hackIframe.src = "/";
-        document.body.appendChild(hackIframe);
-        setTimeout((_) => {
-          document.body.removeChild(hackIframe);
-        }, 300);
-      }
-    },
-    created() {
-      document.title = this.pageData.mainProduct.productName;
-      if (this.temp === "bili") {
-        this.getUid();
-      }
-      if (this.temp === "ksInfo") {
-        let head = document.getElementsByTagName("head")[0];
-        let script = document.createElement("script");
-        script.innerHTML = `
-    (function (root) {
-      var ksscript = document.createElement('script');
-      ksscript.setAttribute('charset', 'utf-8');
-      ksscript.src = 'https://tx2.a.kwimgs.com/udata/pkg/ks-ad-trace-sdk/ks-trace.3.2.0.min.js';
-      var s = document.getElementsByTagName('script')[0];
-      s.parentNode.insertBefore(ksscript, s);
-    })(window);`;
-        head.appendChild(script);
-      }
-      if (this.pageData.remarks.privacy && this.pageData.remarks.privacy !== '' && this.pageData.remarks.privacy !==
-        null) {
-        if (this.pageData.remarks.privacy === '1') {
-          this.checked = true
-        }
-      }
-    },
-    mounted() {
-      addR.showSP();
-        let now = new Date().getTime();
-        let times = (now - 1622476800000) / 180000;
-        this.times = String(Math.ceil(times * 2));
-      if (this.user.userid) {
-        this.getIsBuy();
-      } else {
-        this.isBuy = "未订购";
-      }
-      let newTime = new Date();
-      let d = newTime.getDate();
-      if (31 >= d && d >= 25 && this.pageData.remarks.isZoetrope === "1") {
-        this.showScroll = true;
-      }
-    },
-    methods: {
-      ruleClick() {
-        this.showRule = true;
-        localStorage.setItem("startTime", new Date().getTime());
-      },
-      bannerClick() {
-        if (this.checked === false) {
-          this.$toast.fail("请先勾选隐私声明");
-        } else {
-          if (this.pageData.remarks.isBuy === "1") {
-            addR.clickBanner();
-            this.openIframe();
-          }
-        }
-      },
-      chaxun() {
-        addR.clickFollow();
-        this.showQr = true;
-      },
-      async beforeLogin(type) {
-        this.type = type;
-        if (this.user.userid) {
-          if (type === "manual" || type === "member") {
-            this.toLink(type);
-          } else if (type === "unBUy") {
-            addR.unBuyClick();
-            if (
-              this.pageData.strategyInfo.unsubscribeStrategyList !== null &&
-              this.pageData.strategyInfo.unsubscribeStrategyList.length > 0
-            ) {
-              let productId = await strategyGetID({
-                id: this.pageData.strategyInfo.unsubscribeStrategyList[0],
-              });
-              let drainageRes = await detMainProduct({
-                productId: productId.data.primaryProductId,
-              });
-              this.unBuyDrainageText = drainageRes.data.productName;
-              this.unBuyDrainage = true;
-            } else {
-              this.showUnbuy = true;
-            }
-          }
-        } else if (type === "unBUy") {
-          addR.unBuyClick();
-          if (
-            this.pageData.strategyInfo.unsubscribeStrategyList !== null &&
-            this.pageData.strategyInfo.unsubscribeStrategyList.length > 0
-          ) {
-            let productId = await strategyGetID({
-              id: this.pageData.strategyInfo.unsubscribeStrategyList[0],
-            });
-            let drainageRes = await detMainProduct({
-              productId: productId.data.primaryProductId,
-            });
-            this.unBuyDrainageText = drainageRes.data.productName;
-            this.unBuyDrainage = true;
-          } else {
-            this.showUnbuy = true;
-          }
-        } else {
-          addR.loginClick();
-          this.showLogin = true;
-        }
-      },
-      toLink(type) {
-        let cpid = this.$store.state.pageData.mainProduct.cpid;
-        let spid = this.$store.state.pageData.mainProduct.spid;
-        let isCompositeProduct =
-          this.$store.state.pageData.mainProduct.isCompositeProduct;
-        let activeType = this.$store.state.pageData.mainProduct.activeType;
-        let productName = this.$store.state.pageData.mainProduct.productName;
-        let url;
-        if (type === "manual") {
-          addR.clickOrderRecord();
-          url = "/order001";
-        } else if (type === "member") {
-          addR.memberClick();
-          if (this.pageData.mainProduct.isCompositeProduct === 2) {
-            url = "/member002";
-          } else {
-            url = "/member001";
-          }
-        }
-        this.$router.push({
-          path: url,
-          query: {
-            cpid: cpid,
-            spid: spid,
-            isCompositeProduct: isCompositeProduct,
-            activeType: activeType,
-            productName: productName,
-          },
-        });
-      },
-      // 获取产品订购状态
-      getIsBuy(e) {
-        orderList({
-          userid: this.user.userid,
-          cpid: this.param.cpid,
-          spid: this.param.spid,
-        }).then((res) => {
-          let data = res.data;
-          if (data.length === 0) {
-            this.isBuy = "未订购";
-          } else {
-            for (let i = 0; i < data.length; i++) {
-              if (data[i].STATUS === "0") {
-                this.isBuy = "已订购";
-              } else {
-                this.isBuy = "已退订";
-              }
-            }
-          }
-        });
-      },
-      // 推荐产品跳转
-      recommend(val) {
-        // this.$store.commit("setTempName", "loading");
-        strategyGetID({
-          id: val
-        }).then(async (res) => {
-          if (res.data.strategyStatus === 1) {
-            let data = res.data;
-            let info = await detMainProduct({
-              productId: data.primaryProductId
-            });
-            if (this.user.userid) {
-              this.getIsBuy();
-            }
-            let recommend = [];
-            if (
-              data.recommendStrategyList !== null &&
-              data.recommendStrategyList.length > 0
-            ) {
-              for (let i = 0; i < data.recommendStrategyList.length; i++) {
-                let list = await strategyGetID({
-                  id: data.recommendStrategyList[i],
-                });
-                recommend.push(list.data);
-              }
-            }
-            let pageData = {
-              mainProduct: info.data,
-              strategyInfo: data,
-              remarks: data.extJson,
-              channl: {
-                channelKey: localStorage.getItem("key"),
-              },
-              recommend: recommend,
-            };
-            let params = {
-              anonymousId: this.$sensors.store._state.$device_id,
-              channleKey: localStorage.getItem("key"),
-              spId: info.data.spid,
-              userId: this.user.userid,
-            };
-            let item = await seniorStrategy(params);
-            if (item.data !== null) {
-              // 判断高级策略是否开启遮罩;
-              if (item.data.enableMask !== null) {
-                pageData.remarks.isMask = String(item.data.enableMask);
-                // 判断高级策略是否有遮罩文案 并替换
-                if (item.data.maskText !== null && item.data.maskText !== "") {
-                  pageData.remarks.maskText = item.data.maskText;
-                }
-              }
-              // 判断高级策略是否开启有推荐
-              if (
-                item.data.recommendStrategy !== "" &&
-                item.data.recommendStrategy !== null
-              ) {
-                let itemList = item.data.recommendStrategy.split(",");
-                pageData.recommend = [];
-                itemList.forEach((v) => {
-                  strategyGetID({
-                    id: v,
-                  }).then((resp) => {
-                    pageData.recommend.push(resp.data);
-                  });
-                });
-              }
-              if (item.data.cancelRule !== "" && item.data.cancelRule !== null) {
-                pageData.strategyInfo.unsubscribeStrategyList =
-                  item.data.cancelRule.split(",");
-              }
-              if (item.data.interceptRule === "1") {
-                pageData.interceptRule = item.data.interceptRule;
-              }
-              if (item.data.location !== "" && item.data.location !== null) {
-                pageData.location = item.data.location.split(",");
-              }
-            }
-            MgtvApi.setWebviewTitle({
-              title: pageData.mainProduct.productName,
-            });
-            document.title = pageData.mainProduct.productName;
-            this.$store.commit("setPageData", pageData);
-            this.$store.commit("setTempName", data.templateCode);
-            if (item.data !== null) {
-              if (
-                item.data.templateName !== "" &&
-                item.data.templateName !== null
-              ) {
-                this.$store.commit("setTempName", item.data.templateName);
-              }
-            }
-          } else {
-            this.$toast.fail("当前策略未生效");
-          }
-        });
-        this.unBuyDrainage = false;
-      },
-      // 活动链接跳转
-      onGoLink() {
-        if (this.user.userid) {
-          if (this.pageData.strategyInfo.activityType === 2) {
-            // let url = `${this.pageData.strategyInfo.linkUrl}?userid=${this.user.userid}`;
-            // window.location.href = url;
-            this.getPhoneInfo(this.user.userid);
-          } else if (this.pageData.strategyInfo.activityType === 1) {
-            changeUserid({
-              userid: this.user.userid,
-              cpid: this.param.cpid,
-            }).then((res) => {
-              // let url = `${this.pageData.strategyInfo.linkUrl}?userid=${res.data}`;
-              // window.location.href = url;
-              this.getPhoneInfo(res.data);
-            });
-          }
-        } else {
-          this.loginType = " 登录 ";
-          this.showLogin = true;
-          addR.loginClick();
-        }
-      },
-      getPhoneInfo(userid) {
-        getPhoneAddres({
-          userId: decodeURIComponent(this.user.userid),
-        }).then((res) => {
-          if (res.data.province == "浙江") {
-            let url = `${this.pageData.strategyInfo.linkUrl}?userid=${userid}`;
-            window.location.href = url;
-          } else {
-            this.$toast.fail("非浙江用户无法参与抽奖");
-          }
-        });
-      },
-      // 点击确定
-      unBuySure() {
-        addR.clickUnsubscribe();
-        this.unBuyDrainage = false;
-        this.showUnbuy = true;
-      },
-      getChildData(data) {
-        this.isBuy = data;
-      },
-      jihuo() {
-        window.open(this.pageData.mainProduct.flowJumpUrl);
-      },
-    },
-  };
-</script>
-
-<style lang="scss">
-  @import "./index.scss";
-</style>

purchase_H5/src/templates/suiXinxuan/index.vue

@@ -1,550 +0,0 @@
-<template>
-  <div class="suiXinXuan" id="temp">
-    <div :style="{backgroundImage: `url(${imgUrl}${ pageData.mainProduct.bannerPics[0] })`}" class="header-banner bg-cover">
-      <div class="infoBtn" @click="orderClick">产品说明</div>
-      <!-- 轮播条 -->
-      <van-notice-bar v-show="showScroll" scrollable :text="pageData.remarks.zoetropeText" />
-    </div>
-    <div class="btnOrder" v-if="pageData.remarks.isBuy === '1'">
-      <div style="margin: 0 auto 10px auto; width: 60%">
-        <div class="privacyBox">
-          <van-checkbox v-model="checked" checked-color="#fc8940">
-            <span style="color: #dedede">我已阅读并同意</span>
-          </van-checkbox>
-          <span class="span" style="color: #fc8940" @click="showAgreeMent = true">《隐私声明》</span>
-        </div>
-
-      </div>
-
-      <div class="spBtn" :style="{
-          'background-color':pageData.mainProduct.themeColor[0],
-          'border-color': pageData.mainProduct.themeColor[1],
-        }" @click="btnClick">
-        <!--          @click="openIframe"-->
-        {{ pageData.remarks.btnText ? pageData.remarks.btnText : "点我领取" }}
-      </div>
-    </div>
-    <!--主体-->
-    <div class="content">
-      <!--图窗1-->
-      <div class="box" v-if="pageData.mainProduct.spid !== '99144185'">
-        <div class="banTitle">10G专属流量</div>
-        <div class="fstImg">
-          <img src="./images/tx.png" alt="" />
-          <img src="./images/aqy.png" alt="" />
-          <img src="./images/yk.png" alt="" />
-          <img src="./images/mg.png" alt="" />
-          <img src="./images/bili.png" alt="" />
-          <img src="./images/ppship.png" alt="" />
-          <img src="./images/pptiyu.png" alt="" />
-          <img src="./images/sh.png" alt="" />
-        </div>
-      </div>
-      <!--图窗2-->
-      <div class="box boxTwo">
-        <div class="banTitle">
-          热门会员多选{{ pageData.mainProduct.spid === "99144187" ? "2" : "1" }}
-        </div>
-        <div class="secImg">
-          <div v-for="(item, index) in images" :key="index">
-            <img :src="item.url" alt="" />
-          </div>
-        </div>
-      </div>
-      <!-- 推荐产品 -->
-      <div v-if="pageData.recommend.length > 0">
-        <div v-for="(item, index) in pageData.recommend" :key="index" class="probox" @click="recommend(item.id)" :style="{
-            backgroundImage: `url(${item.promotePhoto})`,
-          }"></div>
-      </div>
-    </div>
-    <!-- 遮罩 -->
-    <newZheZhao v-if="showZhezhao" isZheZhao="1"></newZheZhao>
-    <conceal v-model="showAgreeMent"></conceal>
-    <!-- 重复订购引流 -->
-    <repeat-modal @repeat="recommend" v-model="repeatShow"></repeat-modal>
-  </div>
-</template>
-
-<script>
-import mixinNew from "../../common/mixinNew";
-import addR from "../../common/addRecord";
-import newZheZhao from "../../components/newZheZhao.vue";
-import repeatModal from "../../components/repeatModal.vue";
-import {
-  channelGet,
-  strategyGetID,
-  detMainProduct,
-  seniorStrategy,
-} from "../../api";
-import conceal from "../../components/conceal.vue";
-export default {
-  name: "suiXinXuan",
-  mixins: [mixinNew],
-  components: {
-    newZheZhao,
-    conceal,
-    repeatModal,
-    repeatShow: false
-  },
-  data () {
-    return {
-      imgUrl: process.env.VUE_APP_IMGS_URL,
-      banners: [],
-      showQr: false,
-      showUnbuy: false,
-      showScroll: false,
-      colors: [],
-      images: [{
-        url: require("./images/tx.png")
-      },
-      {
-        url: require("./images/aqy.png")
-      },
-      {
-        url: require("./images/yk.png")
-      },
-      {
-        url: require("./images/mg.png")
-      },
-      {
-        url: require("./images/bili.png")
-      },
-      {
-        url: require("./images/ppship.png")
-      },
-      {
-        url: require("./images/pptiyu.png")
-      },
-      {
-        url: require("./images/sh.png")
-      },
-      {
-        url: require("./images/lol.png")
-      },
-      {
-        url: require("./images/keep.png")
-      },
-      {
-        url: require("./images/wy.png")
-      },
-      {
-        url: require("./images/kg.png")
-      },
-      {
-        url: require("./images/kw.png")
-      },
-      {
-        url: require("./images/xmly.png")
-      },
-      {
-        url: require("./images/lr.png")
-      },
-      {
-        url: require("./images/xgx.png")
-      },
-      {
-        url: require("./images/ysp.png")
-      },
-      {
-        url: require("./images/my.png")
-      },
-      {
-        url: require("./images/didi.png")
-      },
-      {
-        url: require("./images/mt.png")
-      },
-      ],
-      // 隐私声明
-      showAgreeMent: false,
-      checked: false,
-    };
-  },
-  created () {
-    document.title = this.pageData.mainProduct.productName;
-    if (this.pageData.remarks.privacy && this.pageData.remarks.privacy !== '' && this.pageData.remarks.privacy !==
-      null) {
-      if (this.pageData.remarks.privacy === '1') {
-        this.checked = true
-      }
-    }
-  },
-  mounted () {
-    addR.showSP();
-    let newTime = new Date();
-    let d = newTime.getDate();
-    if (31 >= d && d >= 25 && this.pageData.remarks.isZoetrope === "1") {
-      this.showScroll = true;
-    }
-  },
-  methods: {
-    btnClick () {
-      if (this.checked === false) {
-        this.$toast.fail("请先勾选隐私声明");
-      } else {
-        this.openIframe();
-      }
-    },
-    recommend (val) {
-      // this.$store.commit("setTempName", "loading");
-      strategyGetID({
-        id: val
-      }).then(async (res) => {
-        if (res.data.strategyStatus === 1) {
-          let data = res.data;
-          let info = await detMainProduct({
-            productId: data.primaryProductId
-          });
-          let recommend = [];
-          if (
-            data.recommendStrategyList !== null &&
-            data.recommendStrategyList.length > 0
-          ) {
-            for (let i = 0; i < data.recommendStrategyList.length; i++) {
-              let list = await strategyGetID({
-                id: data.recommendStrategyList[i],
-              });
-              recommend.push(list.data);
-            }
-          }
-          let pageData = {
-            mainProduct: info.data,
-            strategyInfo: data,
-            remarks: data.extJson,
-            channl: {
-              channelKey: localStorage.getItem("key"),
-            },
-            recommend: recommend,
-          };
-          let params = {
-            anonymousId: this.$sensors.store._state.$device_id,
-            channleKey: localStorage.getItem("key"),
-            spId: info.data.spid,
-            userId: this.user.userid,
-          };
-          let item = await seniorStrategy(params);
-          if (item.data !== null) {
-            // 判断高级策略是否开启遮罩;
-            if (item.data.enableMask !== null) {
-              pageData.remarks.isMask = String(item.data.enableMask);
-              // 判断高级策略是否有遮罩文案 并替换
-              if (item.data.maskText !== null && item.data.maskText !== "") {
-                pageData.remarks.maskText = item.data.maskText;
-              }
-            }
-            // 判断高级策略是否开启有推荐
-            if (
-              item.data.recommendStrategy !== "" &&
-              item.data.recommendStrategy !== null
-            ) {
-              let itemList = item.data.recommendStrategy.split(",");
-              pageData.recommend = [];
-              itemList.forEach((v) => {
-                strategyGetID({
-                  id: v,
-                }).then((resp) => {
-                  pageData.recommend.push(resp.data);
-                });
-              });
-            }
-            if (item.data.cancelRule !== "" && item.data.cancelRule !== null) {
-              pageData.strategyInfo.unsubscribeStrategyList =
-                item.data.cancelRule.split(",");
-            }
-            if (item.data.interceptRule === "1") {
-              pageData.interceptRule = item.data.interceptRule;
-            }
-            if (item.data.location !== "" && item.data.location !== null) {
-              pageData.location = item.data.location.split(",");
-            }
-          }
-          document.title = pageData.mainProduct.productName;
-          this.$store.commit("setPageData", pageData);
-          this.$store.commit("setTempName", data.templateCode);
-          if (item.data !== null) {
-            if (
-              item.data.templateName !== "" &&
-              item.data.templateName !== null
-            ) {
-              this.$store.commit("setTempName", item.data.templateName);
-            }
-          }
-        } else {
-          this.$toast.fail("当前策略未生效");
-        }
-      });
-    },
-    orderClick () {
-      channelGet({
-        channelKey: this.pageData.channl.channelKey
-      }).then(
-        (res) => {
-          this.$router.push({
-            path: "/manual004",
-            query: {
-              channelKey: this.pageData.channl.channelKey,
-              strategyId: res.data.strategyId,
-            },
-          });
-          return false;
-        }
-      );
-    },
-  },
-};
-</script>
-
-<style lang="scss">
-.suiXinXuan {
-  background-color: #1d1616;
-  color: #ffecd9;
-  min-height: 100vh;
-
-  @keyframes scale {
-    from {
-      transform: scale(1);
-    }
-
-    to {
-      transform: scale(0.8);
-    }
-  }
-
-  .iframe {
-    position: fixed;
-    width: 100%;
-    height: 100%;
-    left: 0;
-    top: 0;
-    z-index: 9999;
-  }
-
-  .header-banner {
-    width: 750px;
-    height: 440px;
-    position: relative;
-
-    .infoBtn {
-      position: absolute;
-      right: 52px;
-      bottom: 36px;
-      font-size: 34px;
-      font-weight: 500;
-      text-decoration: underline;
-      color: #fd5200;
-      line-height: 36px;
-    }
-  }
-
-  .btnOrder {
-    position: fixed;
-    bottom: 0;
-    width: 750px;
-    padding: 40px 50px;
-    z-index: 1;
-    background-color: #1b1414;
-
-    .spBtn {
-      width: 650px;
-      height: 100px;
-      background: #fd5200;
-      border-radius: 55px;
-      font-size: 36px;
-      font-family: PingFang SC;
-      font-weight: bold;
-      color: #ffffff;
-      text-align: center;
-      line-height: 100px;
-      animation-name: scale;
-      animation-duration: 0.6s;
-      animation-timing-function: linear;
-      animation-iteration-count: infinite;
-      animation-direction: alternate-reverse;
-    }
-  }
-
-  .content {
-    font-family: PingFang SC;
-    font-size: 38px;
-    padding: 0px 60px 260px 60px;
-
-    .box {
-      width: 630px;
-      min-height: 330px;
-      background: #322c2c;
-      border: 2px solid #efd3b8;
-      box-shadow: 0px 0px 16px 0px rgba(229, 229, 229, 0.67);
-      border-radius: 20px;
-      position: relative;
-      //padding: 84px 35px 42px 34px;
-      margin-top: 40px;
-
-      .spBtn {
-        width: 424px;
-        height: 76.8px;
-        // background: linear-gradient(90deg, #e0945b 0%, #ecc1a1 100%);
-        border-radius: 48px;
-        font-size: 40px;
-        font-weight: bold;
-        color: #1b1414;
-        line-height: 76.8px;
-        text-align: center;
-        margin: 54px auto 0px;
-        animation-name: scale;
-        animation-duration: 0.6s;
-        animation-timing-function: linear;
-        animation-iteration-count: infinite;
-        animation-direction: alternate-reverse;
-      }
-
-      .banTitle {
-        width: 530px;
-        height: 88px;
-        font-size: 38px;
-        font-weight: 600;
-        color: #efd3b8;
-        line-height: 88px;
-        background: url('../assets/LLtitle.png');
-        background-size: cover;
-        position: absolute;
-        top: -44px;
-        left: 50px;
-        text-align: center;
-      }
-
-      .fstImg {
-        padding: 60px 45px 42px 45px;
-        display: flex;
-        flex-wrap: wrap;
-        justify-content: space-around;
-
-        img {
-          width: 110px;
-          height: 110px;
-          margin-top: 20px;
-        }
-      }
-
-      .secImg {
-        padding: 60px 45px 42px 45px;
-        display: flex;
-        flex-wrap: wrap;
-        justify-content: space-around;
-
-        img {
-          width: 98px;
-          height: 98px;
-          margin-top: 20px;
-        }
-      }
-    }
-
-    .boxTwo {
-      margin-top: 80px;
-    }
-
-    .probox {
-      margin: 40px 0;
-      width: 630px;
-      border-radius: 20px;
-      box-shadow: 0px 0px 2px 0px #acacac;
-      height: 140px;
-      background-size: 100% 100%;
-    }
-  }
-
-  .zhezhoa {
-    width: 750px;
-    height: 150px;
-    position: fixed;
-    top: 177px;
-    z-index: 100000;
-
-    .box {
-      width: 580px;
-      height: 160px;
-      background: #ffffff;
-      border-radius: 0.08rem;
-      margin: 0 auto;
-      background-image: url('../../assets/img/top@2x.png');
-      background-size: 581px 96px;
-      background-repeat: no-repeat;
-      position: relative;
-      padding-top: 140px;
-
-      .logo {
-        width: 92.4px;
-        height: 50.4px;
-        background-image: url('../../assets/img/unicmlogo.png');
-        background-repeat: no-repeat;
-        background-size: 100% 100%;
-        position: absolute;
-        top: 22px;
-        left: 37px;
-      }
-
-      .product-title {
-        font-size: 30px;
-        font-weight: bold;
-        line-height: 32px;
-        text-align: center;
-        color: #000000;
-      }
-
-      .price-box {
-        height: 36px;
-        margin-top: 20px;
-        text-align: center;
-        font-weight: bold;
-
-        .now {
-          font-size: 44px;
-          color: #222222;
-        }
-      }
-    }
-  }
-
-  .van-notice-bar {
-    background-color: transparent;
-    padding: 0 0;
-    color: #000;
-
-    .van-notice-bar__wrap {
-      margin-top: 7rem;
-    }
-
-    .van-notice-bar__content {
-      background-color: #fff;
-      padding: 10px 30px;
-      border-radius: 30px;
-      opacity: 0.7;
-    }
-  }
-
-  .van-icon {
-    border-color: #fc8940;
-  }
-
-  .privacyBox {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-around;
-    font-size: 22px;
-
-    .van-checkbox {
-      width: 55%;
-      text-align: right;
-      display: flex;
-      justify-content: flex-end;
-    }
-
-    .span {
-      flex: 1;
-      display: flex;
-      align-items: center;
-    }
-  }
-}
-</style>

purchase_H5/src/templates/togetherNew-common/index.vue

@@ -1,21 +0,0 @@
-<template>
-  <common @jihuo="jihuo"></common>
-</template>
-
-<script>
-import common from "../togetherNew/index.vue";
-export default {
-  data() {
-    return {};
-  },
-  methods: {
-    jihuo(data) {
-      window.open(data.product.flowJumpUrl);
-    },
-  },
-  components: { common },
-};
-</script>
-
-<style lang="scss">
-</style>

purchase_H5/src/templates/togetherNew/index.scss

@@ -1,564 +0,0 @@
-.togetherNew {
-    background-color: #f6f5f5;
-    color: #0d0d0d;
-    min-height: 100vh;
-    font-family: PingFang SC;
-    position: relative;
-    padding-bottom: 20px;
-    width: 100vw;
-    overflow-x: hidden;
-    padding-bottom: 140px;
-
-    @keyframes scale {
-        from {
-            transform: scale(1);
-        }
-
-        to {
-            transform: scale(0.8);
-        }
-    }
-
-    .iframe {
-        position: fixed;
-        width: 100%;
-        height: 100%;
-        left: 0;
-        top: 0;
-        z-index: 9999;
-    }
-
-    .bannerBox {
-        width: 100%;
-        height: 840px;
-        background-size: 100%;
-        border-radius: 0 0 60px 60px;
-        background-repeat: no-repeat;
-
-        .activity {
-            position: absolute;
-            right: 0;
-            width: 180px;
-            height: 140px;
-            top: 500px;
-        }
-    }
-
-    .rule {
-        position: fixed;
-        right: 0;
-        top: 30px;
-        width: 220px;
-        height: 76px;
-        background: #FFFFFF;
-        box-shadow: 0px 0px 12px 0px #ACACAC;
-        opacity: 0.8;
-        border-radius: 30px 0px 0px 30px;
-        font-size: 30px;
-        color: #0D0D0D;
-        line-height: 75px;
-        display: flex;
-        justify-content: space-around;
-        z-index: 1;
-
-        .icon {
-            margin: 20px 0 20px 20px;
-            background: url("../assets/guize.png");
-            width: 36px;
-            height: 36px;
-            background-size: 100%;
-        }
-
-        .text {
-            width: 150px;
-            text-align: center;
-        }
-    }
-
-    .tucaoModal {
-        position: fixed;
-        bottom: 450px;
-        right: 0;
-        width: 120px;
-        height: 60px;
-        background: #141517;
-        opacity: 0.5;
-        border-radius: 30px 0px 0px 30px;
-        font-size: 24px;
-        color: #FFFFFF;
-        line-height: 60px;
-        display: flex;
-        justify-content: space-around;
-        z-index: 1;
-
-        .icon {
-            margin: 18px 0 18px 20px;
-            background: url("../assets/tucao.png");
-            width: 24px;
-            height: 24px;
-            background-size: 100%;
-        }
-    }
-
-    .productBox {
-        width: 750px;
-
-        padding: 40px 0;
-        box-sizing: border-box;
-        background: #FFFFFF;
-        display: -webkit-box;
-        overflow-x: scroll;
-        -webkit-overflow-scrolling: touch;
-        display: flex;
-        flex-direction: row;
-        justify-content: space-between;
-
-        .product {
-            width: 310px;
-            height: 150px;
-            background: #FFFFFF;
-            border: 5px solid #AAAAAA;
-            border-radius: 10px;
-            position: relative;
-            font-family: PingFang SC;
-            font-weight: bold;
-            text-align: center;
-            margin: 0 25px;
-
-            p {
-                margin: 0;
-                padding: 0 10px;
-                overflow: hidden;
-                white-space: nowrap;
-                text-overflow: ellipsis;
-            }
-
-            .i {
-                display: block;
-                width: 60px;
-                height: 30px;
-                background: #E60012;
-                border-radius: 10px 0px 10px 0px;
-                font-size: 16px;
-                color: #FFFFFF;
-                line-height: 30px;
-                position: absolute;
-                left: -5px;
-                top: -5px;
-            }
-
-            .i2 {
-                display: block;
-                width: 100px;
-                height: 30px;
-                background: #E60012;
-                border-radius: 10px 0px 10px 0px;
-                font-size: 16px;
-                color: #FFFFFF;
-                line-height: 30px;
-                position: absolute;
-                left: -5px;
-                top: -5px;
-            }
-
-            .productName {
-                font-size: 26px;
-                color: #0D0D0D;
-                margin-top: 35px;
-            }
-
-            .productPrice {
-                font-size: 40px;
-                color: #FB5F5F;
-                margin-top: 10px;
-            }
-
-            .productSale {
-                font-size: 22px;
-                text-decoration: line-through;
-                color: #666666;
-                // margin-top: 10px;
-            }
-        }
-    }
-
-    .buyBox {
-        position: fixed;
-        bottom: 30px;
-        left: 25px;
-        z-index: 1;
-
-        .btn {
-            width: 700px;
-            height: 100px;
-            border-radius: 50px;
-            line-height: 100px;
-            font-size: 40px;
-            border: 4px solid;
-            font-weight: bold;
-            text-align: center;
-            color: #ffffff;
-            animation-name: scale;
-            animation-duration: 0.6s;
-            animation-timing-function: linear;
-            animation-iteration-count: infinite;
-            animation-direction: alternate-reverse;
-        }
-    }
-
-    .buyBoxText {
-        width: 690px;
-        margin: 20px 30px;
-        background-color: #fff;
-        padding-bottom: 40px;
-
-        .btn {
-            margin-top: 60px;
-            width: 690px;
-            height: 100px;
-            border-radius: 50px;
-            line-height: 100px;
-            font-size: 40px;
-            font-weight: bold;
-            border-style: solid;
-            border-width: 4px;
-            color: #ffffff;
-            text-align: center;
-            animation-name: scale;
-            animation-duration: 0.6s;
-            animation-timing-function: linear;
-            animation-iteration-count: infinite;
-            animation-direction: alternate-reverse;
-        }
-
-        .textBox {
-            // width: 750px;
-            padding: 0 50px;
-            box-sizing: border-box;
-
-            .input {
-                height: 117px;
-                margin: 0 auto;
-                border-bottom: 2px solid #595959;
-                position: relative;
-
-                input {
-                    margin: 0;
-                    padding: 0;
-                    border: none;
-                    outline: none;
-                    width: 100%;
-                    font-size: 34px;
-                    font-family: PingFang SC;
-                    font-weight: 500;
-                    color: #757575;
-                    background-color: transparent;
-                    position: absolute;
-                    bottom: 22px;
-                    left: 28px;
-                }
-
-                .getcode {
-                    font-size: 34px;
-                    font-family: PingFang SC;
-                    font-weight: bold;
-                    color: #0D0D0D;
-                    position: absolute;
-                    right: 20px;
-                    bottom: 24px;
-                }
-            }
-        }
-
-
-
-    }
-
-    .textText {
-        width: 100%;
-        line-height: 50px;
-        font-size: 26px;
-        // font-weight: bold;
-        color: #0d0d0d;
-        text-align: center;
-        margin-top: 15px;
-
-        span {
-            color: #ea1313;
-            font-weight: bold
-        }
-    }
-
-    .textNum {
-        width: 690px;
-        margin: 20px auto;
-        line-height: 50px;
-        font-size: 26px;
-        font-weight: bold;
-        color: #0d0d0d;
-        text-align: center;
-        border-radius: 10px;
-        background-color: #FFFFFF;
-
-        span {
-            color: #ea1313;
-        }
-    }
-
-    .memBox {
-        width: 690px;
-        height: 100px;
-        background: #ffffff;
-        font-size: 34px;
-        font-weight: bold;
-        color: #0d0d0d;
-        line-height: 100px;
-        padding-left: 40px;
-        border-radius: 20px;
-        margin: 0 auto;
-        box-sizing: border-box;
-        margin-top: 20px;
-
-    }
-
-    .probox {
-        margin: 20px 30px;
-        width: 690px;
-        border-radius: 20px;
-        box-shadow: 0px 0px 2px 0px #ACACAC;
-        height: 140px;
-        background-size: 100% 100%;
-
-    }
-
-    .descbox {
-        background-color: #ffffff;
-        margin: 20px 30px;
-        width: 690px;
-        max-height: 560px;
-        border-radius: 20px;
-        box-shadow: 0px 0px 2px 0px #ACACAC;
-        padding: 20px 40px;
-        box-sizing: border-box;
-        position: relative;
-        overflow-y: scroll;
-
-        .main {
-
-            word-break: break-all;
-
-            h2 {
-                color: #0d0d0d;
-                margin: 0;
-                line-height: 60px;
-            }
-
-            p {
-                color: #707070;
-                font-size: 26px;
-                line-height: 45px;
-                margin: 0;
-            }
-        }
-    }
-
-    .tabBox {
-
-        margin: 20px 30px;
-        width: 690px;
-        border-radius: 20px;
-        box-shadow: 0px 0px 2px 0px #ACACAC;
-        //height: 138px;
-        background: #FFFFFF;
-        border-radius: 8px;
-        display: -webkit-box;
-        overflow-x: scroll;
-        -webkit-overflow-scrolling: touch;
-
-        .tab {
-            width: 160px;
-            margin: 26px 5px;
-
-            img {
-                width: 50px;
-                height: 50px;
-                margin: 0 55px;
-            }
-
-            div {
-                text-align: center;
-                font-size: 24px;
-                font-weight: bold;
-                color: #0D0D0D;
-            }
-        }
-    }
-
-    .modal {
-        box-sizing: border-box;
-        position: absolute;
-        left: 50%;
-        top: 333px;
-        transform: translateX(-50%);
-        width: 530px;
-        background-color: #fff;
-        border-radius: 8px;
-
-        .close {
-            width: 80px;
-            height: 80px;
-            position: absolute;
-            bottom: -130px;
-            left: 50%;
-            transform: translateX(-50%);
-        }
-
-        .top {
-            width: 100%;
-            height: 96px;
-        }
-
-        .logo {
-            width: 92px;
-            height: 50px;
-            position: absolute;
-            top: 22px;
-            left: 37px;
-        }
-    }
-
-
-    .other-modal {
-        top: 366px;
-        padding: 60px 65px;
-
-        .input-box {
-            display: flex;
-            line-height: 75px;
-            margin-bottom: 25px;
-            justify-content: space-between;
-            align-items: center;
-            border-bottom: 1px solid #fdc620;
-
-            .input {
-                font-size: 32px;
-                color: #000;
-                flex: 1;
-                background-color: transparent;
-
-                input {
-                    margin: 0;
-                    padding: 0;
-                    border: none;
-                    outline: none;
-                    width: 100%;
-                }
-            }
-
-            .code {
-                font-size: 28px;
-                width: 150px;
-                margin: 0 10px;
-                color: #222222;
-
-                &.number {
-                    color: #a7a7a7;
-                }
-            }
-        }
-
-        .text-box {
-            font-family: PingFang-SC-Medium;
-            text-align: center;
-            line-height: 55px;
-            font-size: 32px;
-        }
-
-        .btn-box {
-            display: flex;
-            justify-content: space-between;
-
-            .btn {
-                width: 190px;
-                margin-top: 20px;
-                height: 80px;
-                line-height: 80px;
-                border-radius: 40px;
-                font-size: 34px;
-                font-weight: bold;
-                text-align: center;
-            }
-
-            .left {
-                border: 2px #fdc51b solid;
-                color: #fdc51b;
-                background-color: #ffffff;
-            }
-
-            .right {
-                color: #0d0d0d;
-                background: #fdc51b;
-            }
-        }
-
-        .btn {
-            margin-top: 40px;
-            height: 80px;
-            line-height: 80px;
-            background: #fdc51b;
-            border-radius: 40px;
-            font-size: 34px;
-            font-weight: bold;
-            color: #0d0d0d;
-            text-align: center;
-        }
-    }
-
-    .van-notice-bar {
-        background-color: transparent;
-        padding: 0 0;
-        color: #000;
-
-        .van-notice-bar__wrap {
-            margin-top: 17rem;
-        }
-
-        .van-notice-bar__content {
-            background-color: #fff;
-            padding: 10px 30px;
-            border-radius: 30px;
-            opacity: 0.7;
-        }
-    }
-
-    .van-icon {
-        background-color: #f6f6f6;
-        // border: 0 !important;
-        transform: scale(0.75, 0.75);
-        border-color: #fc8940;
-    }
-
-    .van-checkbox__label {
-        margin-left: 5px;
-    }
-
-    .privacyBox {
-        display: flex;
-        flex-direction: row;
-        justify-content: center;
-        margin-top: 20px;
-        font-size: 22px;
-
-        .van-checkbox {
-            text-align: right;
-            display: flex;
-            justify-content: flex-end;
-        }
-
-        .span {
-            display: flex;
-            align-items: center;
-        }
-    }
-
-}

purchase_H5/src/templates/togetherNew/index.vue

@@ -1,674 +0,0 @@
-<template>
-  <div class="togetherNew" id="temp">
-    <div class="bannerBox" :style="{
-        backgroundImage: `url(${imgUrl}${pageData.mainProduct.bannerPics[0]})`,
-      }" @click="bannerClick">
-      <img @click.stop class="activity" v-if="
-          pageData.strategyInfo.activityType !== 0 &&
-          pageData.strategyInfo.activityLogo
-        " :src="`${pageData.strategyInfo.activityLogo}`" @click="onGoLink()" />
-      <!-- 轮播条 -->
-      <van-notice-bar v-show="showScroll" scrollable :text="pageData.remarks.zoetropeText" />
-    </div>
-    <div>
-      <div class="productBox">
-        <div v-for="(item, index) in newProduct" :key="index">
-          <div class="product" :style="
-              clickCss == index
-                ? { 'border-color': pageData.mainProduct.themeColor[0] }
-                : {}
-            " @click="productClick(item.id, index)">
-            <div class="i" v-if="index === 0">首月</div>
-            <!-- <div class="i2" v-if="index !== 0 && (item.spid === '296' || item.spid === '298')">
-              首月0元
-            </div> -->
-            <p class="productName">{{ item.productName }}</p>
-            <p class="productPrice">
-              ￥{{ result(item.originalPrice, item.discountInfo) }}
-            </p>
-            <p class="productSale" v-if="item.discountInfo">
-              ￥{{ item.originalPrice }}
-            </p>
-          </div>
-        </div>
-      </div>
-      <!-- <div
-        v-if="sp !== 'text'"
-        @click="showConceal = true"
-        style="text-align: center; background-color: #fff; padding-bottom: 10px"
-      >
-        查看《<span style="color: blue; text-decoration: underline"
-          >隐私声明</span
-        >》
-      </div> -->
-
-      <div v-if="sp !== 'text'" class="privacyBox">
-        <van-checkbox v-model="checked" checked-color="#fc8940">
-          <p style="margin: 0; padding: 0">我已阅读并同意</p>
-        </van-checkbox>
-        <span class="span" style="color: #fc8940" @click="showConceal = true">《隐私声明》</span>
-        <span class="span" style="color: #fc8940" @click="ruleClick">《产品说明》</span>
-      </div>
-    </div>
-
-    <!-- 订购按钮 -->
-    <div class="buyBox" v-if="
-        pageData.remarks.isBuy === '1' && isBuy !== '已订购' && sp !== 'text'
-      ">
-      <div v-if="indexNum === 0" class="btn" @click="btnClick" :style="{
-          'background-color': pageData.mainProduct.themeColor[0],
-          'border-color': pageData.mainProduct.themeColor[0],
-        }">
-        {{ pageData.remarks.btnText ? pageData.remarks.btnText : "点我领取" }}
-      </div>
-      <div v-else class="btn" @click="btnClick" :style="{
-          'background-color': pageData.mainProduct.themeColor[0],
-          'border-color': pageData.mainProduct.themeColor[1],
-        }">
-        {{
-          pageData.remarks.btnTextAss ? pageData.remarks.btnTextAss : "点我领取"
-        }}
-      </div>
-    </div>
-    <!-- 短认 -->
-    <div v-if="isBuy !== '已订购' && pageData.remarks.isBuy !== 1 && sp === 'text'" class="buyBoxText">
-      <div class="textBox">
-        <div class="input">
-          <input type="text" v-model="loginForm.phone" placeholder="请输入联通手机号" />
-        </div>
-        <div class="input">
-          <input type="text" v-model="loginForm.vcode" v-on:input="checkVcode" placeholder="验证码" maxlength="6" />
-          <span class="getcode" :class="{ code: 1, number: codeState.state }"
-            @click="getCode()">{{ codeState.state ? codeState.time + "s" : "获取验证码" }}</span>
-        </div>
-      </div>
-      <div class="btn" v-if="indexNum === 0" :style="{
-          'background-color': pageData.mainProduct.themeColor[0],
-          'border-color': pageData.mainProduct.themeColor[1],
-        }" @click="btnTextClick">
-        {{ pageData.remarks.btnText ? pageData.remarks.btnText : "点我领取" }}
-      </div>
-      <div v-else class="btn" :style="{
-          'background-color': pageData.mainProduct.themeColor[0],
-          'border-color': pageData.mainProduct.themeColor[1],
-        }" @click="btnTextClick">
-        {{
-          pageData.remarks.btnTextAss ? pageData.remarks.btnTextAss : "点我领取"
-        }}
-      </div>
-      <!-- <div
-        @click="showConceal = true"
-        style="text-align: center; padding: 10px 0"
-      >
-        查看《<span style="color: blue; text-decoration: underline"
-          >隐私声明</span
-        >》
-      </div> -->
-      <div class="privacyBox">
-        <van-checkbox v-model="checked" checked-color="#fc8940">
-          <p style="margin: 0; padding: 0">我已阅读并同意</p>
-        </van-checkbox>
-        <span class="span" style="color: #fc8940" @click="showConceal = true">《隐私声明》</span>
-        <span class="span" style="color: #fc8940" @click="ruleClick">《产品说明》</span>
-      </div>
-      <!--      <div class="text">-->
-      <!--        有<span>{{ times }}</span-->
-      <!--        >用户已经领取成功-->
-      <!--      </div>-->
-    </div>
-    <div class="textText" :style="
-        productJson.length > 0 && productJson[0].rushC.e !== ''
-          ? { color: `${productJson[0].rushC.e}` }
-          : { color: '#000' }
-      ">
-      <span :style="
-          productJson.length > 0 && productJson[0].rushC.e !== ''
-            ? { color: `${productJson[0].rushC.s}` }
-            : { color: '#ea1313' }
-        ">{{ times }}</span>{{
-        pageData.remarks.orderText !== "" && pageData.remarks.orderText
-          ? pageData.remarks.orderText
-          : "用户已抢购成功"
-      }}
-    </div>
-
-    <!-- 用户状态 -->
-    <div v-if="user.userid" class="memBox">
-      {{ String(user.phone) | formatPhone }}（{{ isBuy }}）
-    </div>
-    <!-- 说明 -->
-    <div class="descbox">
-      <div class="main" v-html="pageData.mainProduct.givePhoneInfo"></div>
-    </div>
-    <!-- 推荐产品 -->
-    <div v-if="pageData.recommend.length > 0">
-      <div v-for="(item, index) in pageData.recommend" :key="index" class="probox" @click="recommend(item.id)" :style="{
-          backgroundImage: `url(${item.promotePhoto})`,
-        }"></div>
-    </div>
-
-    <!-- 活动图 -->
-    <div v-if="
-        pageData.strategyInfo.posterPhoto &&
-        pageData.strategyInfo.activityType !== 0
-      " class="probox" @click="onGoLink()" :style="{
-        backgroundImage: `url(${pageData.strategyInfo.posterPhoto})`,
-      }"></div>
-    <!-- tab导航 -->
-    <div class="tabBox">
-      <div class="tab" v-if="pageData.remarks.jiluBtn === '1'" @click="beforeLogin('manual')">
-        <img src="../assets/record.png" alt="" />
-        <div>订购记录</div>
-      </div>
-      <div class="tab" v-if="pageData.remarks.jihuoBtn === '1'"
-        @click="$emit('jihuo', { product: pageData.mainProduct })">
-        <img src="../assets/liuliang.png" alt="" />
-        <div>流量激活</div>
-      </div>
-      <div class="tab" v-if="
-          pageData.remarks.memberBtn === '1' &&
-          pageData.mainProduct.isTreaty !== 0 &&
-          pageData.mainProduct.memberName
-        " @click="beforeLogin('member')">
-        <img src="../assets/huiyuan.png" alt="" />
-        <div>领取会员</div>
-      </div>
-      <div class="tab" v-if="pageData.remarks.chaxunBtn === '1'" @click="chaxun">
-        <img src="../assets/guanzhu.png" alt="" />
-        <div>剩余流量查询</div>
-      </div>
-      <div class="tab" v-if="pageData.remarks.tuidingBtn === '1'" @click="beforeLogin('unBUy')">
-        <img src="../assets/tuiding.png" alt="" />
-        <div>退订产品</div>
-      </div>
-    </div>
-    <!-- 使用说明 -->
-    <div class="rule" @click="ruleClick">
-      <div class="icon"></div>
-      <div class="text">产品说明</div>
-    </div>
-    <rule-modal v-if="showRule" @ruleShow="ruleShow" :pageData="pageData"></rule-modal>
-    <!-- 反馈 -->
-    <div class="tucaoModal" @click="showTucao = true">
-      <div class="icon"></div>
-      <div class="text">反馈</div>
-    </div>
-    <!-- 隐私条款 -->
-    <conceal v-model="showConceal"></conceal>
-    <vent-modal v-model="showTucao"></vent-modal>
-    <!-- 登录弹框组件 -->
-    <login-modal v-model="showLogin" :type="type" @getIsBuy="getIsBuy"></login-modal>
-    <!-- 退订弹框组件 -->
-    <unbuy-modal v-model="showUnbuy" :pageData="pageData" @childData="getChildData"></unbuy-modal>
-    <!-- 剩余流量查询 -->
-    <account-modal v-model="showQr"></account-modal>
-    <!-- 订购超时 -->
-    <timeout-modal v-model="showTimeout"></timeout-modal>
-    <!-- 遮罩 -->
-    <newZheZhao v-if="showZhezhao" isZheZhao="1"></newZheZhao>
-    <!-- 退订挽留 -->
-    <van-overlay :show="unBuyDrainage" :duration="0.1" @click="unBuyDrainage = false"
-      pageData.strategyInfo.unsubscribeStrategyList.length>0
-      <div class="other-modal modal" @click.stop>
-        <img src="../../assets/img/close.png" class="close" @click="unBuyDrainage = false" />
-        <div class="text-box">确定要放弃本服务吗?</div>
-        <div class="text-box">
-          {{ unBuyDrainageText }}
-        </div>
-        <div class="text-box">不要错过！</div>
-        <div class="btn-box">
-          <div class="btn left" @click="unBuySure">确定</div>
-          <div class="btn right" @click="recommend(pageData.strategyInfo.unsubscribeStrategyList[0])">
-            去看看
-          </div>
-        </div>
-      </div>
-    </van-overlay>
-    <!-- 重复订购引流 -->
-    <repeat-modal @repeat="recommend" v-model="repeatShow"></repeat-modal>
-  </div>
-</template>
-
-<script>
-  import {
-    orderList,
-    changeUserid,
-    strategyGetID,
-    detMainProduct,
-    seniorStrategy,
-  } from "../../api";
-  import mixinTogetherNew from "../../common/mixinTogetherNew";
-  import loginModal from "../../components/login.vue";
-  import addR from "../../common/addRecord";
-  import ruleModal from "../../components/ruleModal002.vue";
-  import ventModal from "../../components/helpModal.vue";
-  import accountModal from "../../components/gongZongHao.vue";
-  import timeoutModal from "../../components/timeoutModal.vue";
-  import newZheZhao from "../../components/newZheZhao.vue";
-  import unbuyModal from "../../components/unbuyModal.vue";
-  import MgtvApi from "@/util/mgTvJssdk.js";
-  import conceal from "../../components/conceal.vue";
-  import repeatModal from "../../components/repeatModal.vue";
-  export default {
-    name: "baseNew",
-    mixins: [mixinTogetherNew],
-    data() {
-      return {
-        imgUrl: process.env.VUE_APP_IMGS_URL,
-        times: 0,
-        showLogin: false,
-        showRule: false,
-        showTucao: false,
-        showQr: false,
-        type: "",
-        showTimeout: false,
-        showUnbuy: false,
-        showScroll: false,
-        unBuyDrainage: false,
-        unBuyDrainageText: "",
-        isBuy: "已订购",
-        newProduct: [],
-        clickCss: 0,
-        showConceal: false,
-        indexNum: 0,
-        checked: false,
-        repeatShow: false,
-        productJson: [],
-      };
-    },
-    components: {
-      loginModal,
-      ruleModal,
-      ventModal,
-      accountModal,
-      timeoutModal,
-      newZheZhao,
-      unbuyModal,
-      conceal,
-      repeatModal,
-    },
-    filters: {
-      formatPhone: (phone) => {
-        phone = phone.toString();
-        return phone.substr(0, 3) + "****" + phone.substr(7, 11);
-      },
-    },
-    props: {
-      sp: String,
-    },
-    created() {
-      document.title = this.pageData.mainProduct.productName;
-
-      this.pageData.mainProduct.isTreaty = 0;
-      if (
-        this.pageData.strategyInfo.viceProductStrategyList !== null &&
-        this.pageData.strategyInfo.viceProductStrategyList.length > 0
-      ) {
-        this.productList();
-      } else {
-        this.newProduct.push(this.pageData.mainProduct);
-      }
-      if (
-        this.pageData.remarks.privacy &&
-        this.pageData.remarks.privacy !== "" &&
-        this.pageData.remarks.privacy !== null
-      ) {
-        if (this.pageData.remarks.privacy === "1") {
-          this.checked = true;
-        }
-      }
-      if (this.pageData.mainProduct.cacheSeatOne) {
-        this.productJson = this.pageData.mainProduct.cacheSeatOne;
-      }
-    },
-    mounted() {
-      addR.showSP();
-      let now = new Date().getTime();
-      let times = (now - 1622476800000) / 180000;
-      this.times = String(Math.ceil(times * 2));
-      if (this.user.userid) {
-        this.getIsBuy();
-      } else {
-        this.isBuy = "未订购";
-      }
-      let newTime = new Date();
-      let d = newTime.getDate();
-      if (31 >= d && d >= 25 && this.pageData.remarks.isZoetrope === "1") {
-        this.showScroll = true;
-      }
-    },
-    methods: {
-      btnClick() {
-        if (this.checked === false) {
-          this.$toast.fail("请先勾选隐私声明");
-        } else {
-          this.openIframe();
-        }
-      },
-      btnTextClick() {
-        if (this.checked === false) {
-          this.$toast.fail("请先勾选隐私声明");
-        } else {
-          this.toBuy();
-        }
-      },
-      ruleShow() {
-        this.showRule = false;
-      },
-      productClick(val, index) {
-        this.clickCss = index;
-        this.pageData.mainProduct.isTreaty = index;
-        this.indexNum = index;
-        if (index !== 0) {
-          let now = new Date().getTime();
-          let times = (now - 1622476800000) / 180000;
-          this.times = String(Math.ceil(times * (2 - index * 5)));
-        } else {
-          let now = new Date().getTime();
-          let times = (now - 1622476800000) / 180000;
-          this.times = String(Math.ceil(times * 2));
-        }
-        detMainProduct({
-          productId: val,
-        }).then(async (res) => {
-          this.pageData.mainProduct = res.data;
-          this.param.cpid = res.data.cpid;
-          this.param.spid = res.data.spid;
-          document.title = res.data.remark;
-          // this.pageData.remarks.btnText  =  res.data.
-          this.$store.commit("setPageData", this.pageData);
-          if (this.user.userid) {
-            await orderList({
-              userid: this.user.userid,
-              cpid: res.data.cpid,
-              spid: res.data.spid,
-            }).then((res) => {
-              let data = res.data;
-              if (data.length === 0) {
-                this.isBuy = "未订购";
-              } else {
-                for (let i = 0; i < data.length; i++) {
-                  if (data[i].STATUS === "0") {
-                    this.isBuy = "已订购";
-                  } else {
-                    this.isBuy = "已退订";
-                  }
-                }
-              }
-            });
-          }
-        });
-      },
-      result(a, b) {
-        return (a - b).toFixed(2);
-      },
-      ruleClick() {
-        this.showRule = true;
-        localStorage.setItem("startTime", new Date().getTime());
-      },
-      bannerClick() {
-        if (
-          this.pageData.remarks.isBuy === "1" &&
-          this.sp !== "text" &&
-          this.isBuy !== "已订购"
-        ) {
-          if (this.checked === false) {
-            this.$toast.fail("请先勾选隐私声明");
-          } else {
-            addR.clickBanner();
-            this.openIframe();
-          }
-        }
-      },
-      chaxun() {
-        addR.clickFollow();
-        this.showQr = true;
-      },
-      async beforeLogin(type) {
-        this.type = type;
-        if (this.user.userid) {
-          if (type === "manual" || type === "member") {
-            this.toLink(type);
-          } else if (type === "unBUy") {
-            addR.unBuyClick();
-            if (
-              this.pageData.strategyInfo.unsubscribeStrategyList !== null &&
-              this.pageData.strategyInfo.unsubscribeStrategyList.length > 0
-            ) {
-              let productId = await strategyGetID({
-                id: this.pageData.strategyInfo.unsubscribeStrategyList[0],
-              });
-              let drainageRes = await detMainProduct({
-                productId: productId.data.primaryProductId,
-              });
-              this.unBuyDrainageText = drainageRes.data.productName;
-              this.unBuyDrainage = true;
-            } else {
-              this.showUnbuy = true;
-            }
-          }
-        } else if (type === "unBUy") {
-          addR.unBuyClick();
-          if (
-            this.pageData.strategyInfo.unsubscribeStrategyList !== null &&
-            this.pageData.strategyInfo.unsubscribeStrategyList.length > 0
-          ) {
-            let productId = await strategyGetID({
-              id: this.pageData.strategyInfo.unsubscribeStrategyList[0],
-            });
-            let drainageRes = await detMainProduct({
-              productId: productId.data.primaryProductId,
-            });
-            this.unBuyDrainageText = drainageRes.data.productName;
-            this.unBuyDrainage = true;
-          } else {
-            this.showUnbuy = true;
-          }
-        } else {
-          addR.loginClick();
-          this.showLogin = true;
-        }
-      },
-      toLink(type) {
-        let cpid = this.$store.state.pageData.mainProduct.cpid;
-        let spid = this.$store.state.pageData.mainProduct.spid;
-        let isCompositeProduct =
-          this.$store.state.pageData.mainProduct.isCompositeProduct;
-        let activeType = this.$store.state.pageData.mainProduct.activeType;
-        let productName = this.$store.state.pageData.mainProduct.productName;
-        let url;
-        if (type === "manual") {
-          addR.clickOrderRecord();
-          url = "/order001";
-        } else if (type === "member") {
-          addR.memberClick();
-          url = "/member001";
-        }
-        this.$router.push({
-          path: url,
-          query: {
-            cpid: cpid,
-            spid: spid,
-            isCompositeProduct: isCompositeProduct,
-            activeType: activeType,
-          },
-        });
-      },
-      // 获取产品订购状态
-      getIsBuy() {
-        if (this.param.cpid === "kuaishou") {
-          window.ksBridge.register(
-            "emitFreeTrafficUpdate",
-            "emitFreeTrafficUpdate"
-          );
-          window.ksBridge.emitFreeTrafficUpdate({
-            complete: (res) => {
-              console.log(res);
-            },
-          });
-        }
-        orderList({
-          userid: this.user.userid,
-          cpid: this.param.cpid,
-          spid: this.param.spid,
-        }).then((res) => {
-          let data = res.data;
-          if (data.length === 0) {
-            this.isBuy = "未订购";
-          } else {
-            for (let i = 0; i < data.length; i++) {
-              if (data[i].STATUS === "0") {
-                this.isBuy = "已订购";
-              } else {
-                this.isBuy = "已退订";
-              }
-            }
-          }
-        });
-      },
-      // 推荐产品跳转
-      recommend(val) {
-        // this.$store.commit("setTempName", "loading");
-        strategyGetID({
-          id: val,
-        }).then(async (res) => {
-          if (res.data.strategyStatus === 1) {
-            let data = res.data;
-            let info = await detMainProduct({
-              productId: data.primaryProductId,
-            });
-            if (this.user.userid) {
-              this.getIsBuy();
-            }
-            let recommend = [];
-            if (
-              data.recommendStrategyList !== null &&
-              data.recommendStrategyList.length > 0
-            ) {
-              for (let i = 0; i < data.recommendStrategyList.length; i++) {
-                let list = await strategyGetID({
-                  id: data.recommendStrategyList[i],
-                });
-                recommend.push(list.data);
-              }
-            }
-            let pageData = {
-              mainProduct: info.data,
-              strategyInfo: data,
-              remarks: data.extJson,
-              channl: {
-                channelKey: localStorage.getItem("key"),
-              },
-              recommend: recommend,
-            };
-            MgtvApi.setWebviewTitle({
-              title: pageData.mainProduct.productName,
-            });
-            let params = {
-              anonymousId: this.$sensors.store._state.$device_id,
-              channleKey: localStorage.getItem("key"),
-              spId: info.data.spid,
-              userId: this.user.userid,
-            };
-            let item = await seniorStrategy(params);
-            if (item.data !== null) {
-              // 判断高级策略是否开启遮罩;
-              if (item.data.enableMask !== null) {
-                pageData.remarks.isMask = String(item.data.enableMask);
-                // 判断高级策略是否有遮罩文案 并替换
-                if (item.data.maskText !== null && item.data.maskText !== "") {
-                  pageData.remarks.maskText = item.data.maskText;
-                }
-              }
-              // 判断高级策略是否开启有推荐
-              if (
-                item.data.recommendStrategy !== "" &&
-                item.data.recommendStrategy !== null
-              ) {
-                let itemList = item.data.recommendStrategy.split(",");
-                pageData.recommend = [];
-                itemList.forEach((v) => {
-                  strategyGetID({
-                    id: v,
-                  }).then((resp) => {
-                    pageData.recommend.push(resp.data);
-                  });
-                });
-              }
-              if (item.data.cancelRule !== "" && item.data.cancelRule !== null) {
-                pageData.strategyInfo.unsubscribeStrategyList =
-                  item.data.cancelRule.split(",");
-              }
-              if (item.data.interceptRule === "1") {
-                pageData.interceptRule = item.data.interceptRule;
-              }
-              if (item.data.location !== "" && item.data.location !== null) {
-                pageData.location = item.data.location.split(",");
-              }
-            }
-            document.title = pageData.mainProduct.productName;
-            this.$store.commit("setPageData", pageData);
-            this.$store.commit("setTempName", data.templateCode);
-            if (item.data !== null) {
-              if (
-                item.data.templateName !== "" &&
-                item.data.templateName !== null
-              ) {
-                this.$store.commit("setTempName", item.data.templateName);
-              }
-            }
-          } else {
-            this.$toast.fail("当前策略未生效");
-          }
-        });
-        this.unBuyDrainage = false;
-      },
-      // 活动链接跳转
-      onGoLink() {
-        if (this.user.userid) {
-          if (this.pageData.strategyInfo.activityType === 2) {
-            let url = `${
-            this.pageData.strategyInfo.linkUrl
-          }&userid=${encodeURIComponent(this.user.userid)}`;
-            window.location.href = url;
-          } else if (this.pageData.strategyInfo.activityType === 1) {
-            changeUserid({
-              userid: this.user.userid,
-              cpid: this.param.cpid,
-            }).then((res) => {
-              let url = `${this.pageData.strategyInfo.linkUrl}?userid=${res.data}`;
-              window.location.href = url;
-            });
-          }
-        } else {
-          this.loginType = " 登录 ";
-          this.showLogin = true;
-          addR.loginClick();
-        }
-      },
-      // 点击确定
-      unBuySure() {
-        addR.clickUnsubscribe();
-        this.unBuyDrainage = false;
-        this.showUnbuy = true;
-      },
-      getChildData(data) {
-        this.isBuy = data;
-      },
-      async productList() {
-        this.newProduct.push(this.pageData.mainProduct);
-        let list = this.pageData.strategyInfo.viceProductStrategyList;
-        for (let i = 0; i < list.length; i++) {
-          let res = await detMainProduct({
-            productId: list[i],
-          });
-          this.newProduct.push(res.data);
-        }
-      },
-    },
-  };
-</script>
-
-<style lang="scss">
-  @import "./index.scss";
-</style>

purchase_H5/src/templates/togetherNewText-common/index.vue

@@ -1,21 +0,0 @@
-<template>
-  <common @jihuo="jihuo" sp="text"></common>
-</template>
-
-<script>
-import common from "../togetherNew/index.vue";
-export default {
-  data() {
-    return {};
-  },
-  methods: {
-    jihuo(data) {
-      window.open(data.product.flowJumpUrl);
-    },
-  },
-  components: { common },
-};
-</script>
-
-<style lang="scss">
-</style>

purchase_H5/src/templates/treatyColorNew-bili/index.vue

@@ -1,78 +0,0 @@
-<template>
-  <common
-    @jihuo="biliJihuo"
-    :getUid="getUserid"
-    :postUid="postUserid"
-    temp="bili"
-  ></common>
-</template>
-
-<script>
-import common from "../treatyColorNew/index.vue";
-import util from "../../util";
-import { changeBsiteUserid, changeUseridToBsite } from "../../api";
-export default {
-  data() {
-    return {};
-  },
-  computed: {
-    user() {
-      return this.$store.state.user;
-    },
-  },
-  methods: {
-    biliJihuo() {
-      if (this.user.userid) {
-        this.postUserid({ eventName: "onActive", userid: this.user.userid });
-      } else {
-        this.$toast.fail("请先领取专属流量");
-      }
-    },
-    // 免登录userid转换  B站=》我方
-    getUserid() {
-      let that = this;
-      return new Promise(function (resolve, reject) {
-        let { bUid } = util.query2obj(location.search);
-        that.postUserid({ eventName: "onOK" });
-        console.log('onOk')
-        if (bUid) {
-          let userid = decodeURIComponent(bUid);
-          changeBsiteUserid({
-            userid: userid,
-          }).then((res) => {
-            that.$store.commit("setUser", {
-              userid: res.data.userid,
-              phone: res.data.phone,
-            });
-            resolve(res.data);
-          });
-        }
-      });
-    },
-    // B站专用透传 订购成功  点击流量激活时调用
-    postUserid(data) {
-      if (data.eventName === "onOK") {
-        window.parent.postMessage({ type: "onOK" }, "*");
-      } else {
-        changeUseridToBsite({
-          userid: data.userid,
-        }).then((res) => {
-          window.parent.postMessage(
-            {
-              type: data.eventName,
-              data: { eventName: data.eventName, userid: res.data },
-              callbackId: `${data.eventName}Callback`,
-            },
-            "*"
-          );
-        });
-      }
-    },
-  },
-  components: { common },
-};
-</script>
-
-<style lang="scss">
-
-</style>

purchase_H5/src/templates/treatyColorNew-biliText/index.vue

@@ -1,78 +0,0 @@
-<template>
-  <common
-    @jihuo="biliJihuo"
-    :getUid="getUserid"
-    :postUid="postUserid"
-    temp="bili"
-    sp="text"
-  ></common>
-</template>
-
-<script>
-import common from "../treatyColorNew/index.vue";
-import util from "../../util";
-import { changeBsiteUserid, changeUseridToBsite } from "../../api";
-export default {
-  data() {
-    return {};
-  },
-  computed: {
-    user() {
-      return this.$store.state.user;
-    },
-  },
-  methods: {
-    biliJihuo() {
-      if (this.user.userid) {
-        this.postUserid({ eventName: "onActive", userid: this.user.userid });
-      } else {
-        this.$toast.fail("请先领取专属流量");
-      }
-    },
-    // 免登录userid转换  B站=》我方
-    getUserid() {
-      let that = this;
-      return new Promise(function (resolve, reject) {
-        let { bUid } = util.query2obj(location.search);
-        that.postUserid({ eventName: "onOK" });
-        console.log("onOk");
-        if (bUid) {
-          let userid = decodeURIComponent(bUid);
-          changeBsiteUserid({
-            userid: userid,
-          }).then((res) => {
-            that.$store.commit("setUser", {
-              userid: res.data.userid,
-              phone: res.data.phone,
-            });
-            resolve(res.data);
-          });
-        }
-      });
-    },
-    // B站专用透传 订购成功  点击流量激活时调用
-    postUserid(data) {
-      if (data.eventName === "onOK") {
-        window.parent.postMessage({ type: "onOK" }, "*");
-      } else {
-        changeUseridToBsite({
-          userid: data.userid,
-        }).then((res) => {
-          window.parent.postMessage(
-            {
-              type: data.eventName,
-              data: { eventName: data.eventName, userid: res.data },
-              callbackId: `${data.eventName}Callback`,
-            },
-            "*"
-          );
-        });
-      }
-    },
-  },
-  components: { common },
-};
-</script>
-
-<style lang="scss">
-</style>

purchase_H5/src/templates/treatyColorNew-common/index.vue

@@ -1,21 +0,0 @@
-<template>
-  <common @jihuo="jihuo"></common>
-</template>
-
-<script>
-import common from "../treatyColorNew/index.vue";
-export default {
-  data() {
-    return {};
-  },
-  methods: {
-    jihuo(data) {
-      window.open(data.product.flowJumpUrl);
-    },
-  },
-  components: { common },
-};
-</script>
-
-<style lang="scss">
-</style>

purchase_H5/src/templates/treatyColorNew-ksInfo/index.vue

@@ -1,21 +0,0 @@
-<template>
-  <common @jihuo="jihuo" temp="ksInfo"></common>
-</template>
-
-<script>
-import common from "../treatyColorNew/index.vue";
-export default {
-  data() {
-    return {};
-  },
-  methods: {
-    jihuo(data) {
-      window.open(data.product.flowJumpUrl);
-    },
-  },
-  components: { common },
-};
-</script>
-
-<style lang="scss">
-</style>

purchase_H5/src/templates/treatyColorNew-ksInfoText/index.vue

@@ -1,21 +0,0 @@
-<template>
-  <common @jihuo="jihuo" temp="ksInfo" sp="text"></common>
-</template>
-
-<script>
-import common from "../treatyColorNew/index.vue";
-export default {
-  data() {
-    return {};
-  },
-  methods: {
-    jihuo(data) {
-      window.open(data.product.flowJumpUrl);
-    },
-  },
-  components: { common },
-};
-</script>
-
-<style lang="scss">
-</style>

purchase_H5/src/templates/treatyColorNew-ksZC/index.vue

@@ -1,21 +0,0 @@
-<template>
-  <common @jihuo="jihuo" temp="ksZC"></common>
-</template>
-
-<script>
-import common from "../treatyColorNew/index.vue";
-export default {
-  data() {
-    return {};
-  },
-  methods: {
-    jihuo(data) {
-      window.open(data.product.flowJumpUrl);
-    },
-  },
-  components: { common },
-};
-</script>
-
-<style lang="scss">
-</style>

purchase_H5/src/templates/treatyColorNew-ksZCText/index.vue

@@ -1,21 +0,0 @@
-<template>
-  <common @jihuo="jihuo" temp="ksZC" sp="text"></common>
-</template>
-
-<script>
-import common from "../treatyColorNew/index.vue";
-export default {
-  data() {
-    return {};
-  },
-  methods: {
-    jihuo(data) {
-      window.open(data.product.flowJumpUrl);
-    },
-  },
-  components: { common },
-};
-</script>
-
-<style lang="scss">
-</style>

purchase_H5/src/templates/treatyColorNew-mangguo/index.vue

@@ -1,21 +0,0 @@
-<template>
-  <common @jihuo="jihuo" temp="mangguo"></common>
-</template>
-
-<script>
-import common from "../treatyColorNew/index.vue";
-export default {
-  data() {
-    return {};
-  },
-  methods: {
-    jihuo(data) {
-      window.open(data.product.flowJumpUrl);
-    },
-  },
-  components: { common },
-};
-</script>
-
-<style lang="scss">
-</style>

purchase_H5/src/templates/treatyColorNew-mangguoText/index.vue

@@ -1,21 +0,0 @@
-<template>
-  <common @jihuo="jihuo" temp="mangguo" sp="text"></common>
-</template>
-
-<script>
-import common from "../treatyColorNew/index.vue";
-export default {
-  data() {
-    return {};
-  },
-  methods: {
-    jihuo(data) {
-      window.open(data.product.flowJumpUrl);
-    },
-  },
-  components: { common },
-};
-</script>
-
-<style lang="scss">
-</style>