|
|
@@ -0,0 +1,961 @@
|
|
|
+function Point (x, y) {
|
|
|
+ this.x = x
|
|
|
+ this.y = y
|
|
|
+}
|
|
|
+function Map (w, h) {
|
|
|
+ this.width = w
|
|
|
+ this.height = h
|
|
|
+}
|
|
|
+// 画布中生成随机不重叠的坐标
|
|
|
+// 坐标点以左上角为中心
|
|
|
+function RandomCoordinate (conf) {
|
|
|
+ conf = conf || {}
|
|
|
+ this.el = conf.el || '' // 画布选择器或者dom
|
|
|
+ this.pointSize = conf.pointSize || new Map(1, 1) // 坐标点半径(最大)
|
|
|
+ this.total = conf.total || 1 // 生成多少个随机不重叠坐标
|
|
|
+ this.pointCoordList = [] // 生成坐标点数组
|
|
|
+
|
|
|
+ this.init = function () {
|
|
|
+ if (!this.el) return console.warn('画布选择器必传')
|
|
|
+ // 获取画布宽高
|
|
|
+ this.map = this.getMapSize()
|
|
|
+ this.getPointCoordLimits()
|
|
|
+ this.create()
|
|
|
+ }
|
|
|
+
|
|
|
+ this.getMapSize = function () {
|
|
|
+ this.$el = $(this.el)
|
|
|
+ var w = this.$el.width()
|
|
|
+ var h = this.$el.height()
|
|
|
+ return new Map(w, h)
|
|
|
+ }
|
|
|
+
|
|
|
+ this.getPointCoordLimits = function () {
|
|
|
+ var xMax = this.map.width - this.pointSize.width
|
|
|
+ var yMax = this.map.height - this.pointSize.height
|
|
|
+ if (xMax <= 0) {
|
|
|
+ xMax = 1
|
|
|
+ }
|
|
|
+ if (yMax <= 0) {
|
|
|
+ yMax = 1
|
|
|
+ }
|
|
|
+ this.coordLimits = new Point(xMax, yMax)
|
|
|
+ }
|
|
|
+
|
|
|
+ // this.check
|
|
|
+ // 检查是否和已创建的有重叠
|
|
|
+ this.checkListOverlap = function (p) {
|
|
|
+ if (this.pointCoordList.length <= 0) return true
|
|
|
+ var pass = true // pass，所有都不重叠
|
|
|
+ for (var i = 0; i < this.pointCoordList.length; i++) {
|
|
|
+ var overlap = this.checkOverlap(p, this.pointCoordList[i])
|
|
|
+ if (overlap) {
|
|
|
+ pass = false
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return pass
|
|
|
+ },
|
|
|
+ // point为矩形左上的碰撞检测：碰撞返回true
|
|
|
+ // 利用两圆相切，圆心距离小于2r表示两圆相交(r圆半径)。把矩形对角线看作圆的直径
|
|
|
+ // 如果两个矩形左上角的点间距离大于矩形对角线长度，则认为两矩形无碰撞(无重叠)
|
|
|
+ // 参考：https://segmentfault.com/a/1190000017463616
|
|
|
+ this.checkOverlap = function (nPoint, oPoint) {
|
|
|
+ // 两矩形左上角坐标距离(三角函数)
|
|
|
+ // https://www.qttc.net/171-javascript-get-two-points-distance.html
|
|
|
+ var dx = Math.abs(nPoint.x - oPoint.x)
|
|
|
+ var dy = Math.abs(nPoint.y - oPoint.y)
|
|
|
+ var distance = Math.sqrt(dx * dx + dy * dy)
|
|
|
+
|
|
|
+ // 矩形对角线长度
|
|
|
+ var w = this.pointSize.width
|
|
|
+ var h = this.pointSize.height
|
|
|
+ var diagonal = Math.sqrt(w * w + h * h)
|
|
|
+
|
|
|
+ return distance <= diagonal
|
|
|
+ }
|
|
|
+
|
|
|
+ // 创建一个坐标
|
|
|
+ this.createOne = function () {
|
|
|
+ var createTimes = 0
|
|
|
+ var createFailTimes = 0
|
|
|
+ var maxCreateFailTime = 200
|
|
|
+ var x,y
|
|
|
+ while (createFailTimes < maxCreateFailTime) {
|
|
|
+ createTimes++
|
|
|
+ x = Math.floor(Math.random() * this.coordLimits.x)
|
|
|
+ y = Math.floor(Math.random() * this.coordLimits.y)
|
|
|
+ var point = new Point(x, y)
|
|
|
+ var pass = this.checkListOverlap(point)
|
|
|
+ if (pass) {
|
|
|
+ this.pointCoordList.push(point)
|
|
|
+ break
|
|
|
+ } else {
|
|
|
+ createFailTimes++
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (createFailTimes >= maxCreateFailTime) {
|
|
|
+ console.log('随机生成坐标%s次失败，停止随机生成', maxCreateFailTime)
|
|
|
+ } else {
|
|
|
+ console.log('随机生成坐标次数：%s，\n随机生成坐标失败次数：%s\n获得坐标：', createTimes, createFailTimes, JSON.stringify(point))
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ this.create = function () {
|
|
|
+ for (var i = 0; i < this.total; i++) {
|
|
|
+ this.createOne()
|
|
|
+ }
|
|
|
+ this.pointCoordList = this.pointCoordList.sort(function (a, b) {
|
|
|
+ return a.x - b.x
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ this.init()
|
|
|
+}
|
|
|
+
|
|
|
+// 判断活动是否结束
|
|
|
+var initPageTime = new Date().getTime()
|
|
|
+var initActiveOverCheck = -1
|
|
|
+function activeOverCheck (endTime, callback) {
|
|
|
+ if (initPageTime >= endTime) {
|
|
|
+ return callback()
|
|
|
+ }
|
|
|
+ clearTimeout(initActiveOverCheck)
|
|
|
+ var reloadTime = endTime - new Date().getTime()
|
|
|
+ if (reloadTime <= (10 * 60 * 1000) ) {
|
|
|
+ initActiveOverCheck = setTimeout(function () {
|
|
|
+ callback && callback()
|
|
|
+ }, reloadTime)
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+var task = new Vue({
|
|
|
+ el: '#main-app',
|
|
|
+ delimiters: ['${', '}'],
|
|
|
+ data: {
|
|
|
+ platform: 'app',
|
|
|
+ conf: {
|
|
|
+ before: 0, // 单位: s
|
|
|
+ clock: '10:00:00',
|
|
|
+ end: 0, // 单位: s
|
|
|
+ now: 0, // 单位: s
|
|
|
+ start: 0 // 单位: s
|
|
|
+ },
|
|
|
+ activeState: '',
|
|
|
+ lastTimestamp: 0, // 单位: ms
|
|
|
+ yureConf: {
|
|
|
+ total: 0,
|
|
|
+ got: false
|
|
|
+ },
|
|
|
+ yureInfo: {
|
|
|
+ timerId: null,
|
|
|
+ tipText: '',
|
|
|
+ buttonText: '点击免费领',
|
|
|
+ buttonDisabled: false
|
|
|
+ },
|
|
|
+ couponList: [],
|
|
|
+ progress: {
|
|
|
+ min: 0,
|
|
|
+ max: 1500,
|
|
|
+ current: 0, // 当前剑鱼币
|
|
|
+ pointImgMap: {
|
|
|
+ unreceived: '/common-module/active/2022.5.20/unreceived@2x.png',
|
|
|
+ received: '/common-module/active/2022.5.20/received@2x.png',
|
|
|
+ wait: '/common-module/active/2022.5.20/received@2x.png'
|
|
|
+ },
|
|
|
+ anchorList: [
|
|
|
+ {
|
|
|
+ id: '',
|
|
|
+ className: 'first',
|
|
|
+ rate: 0, // 进度，单位%，最大为100
|
|
|
+ pointImg: '', // ''/unreceived/received
|
|
|
+ anchorText: '0剑鱼币'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: '800',
|
|
|
+ className: 'unreceived',
|
|
|
+ rate: 80,
|
|
|
+ pointImg: 'unreceived',
|
|
|
+ anchorText: '800剑鱼币',
|
|
|
+ tipText: '1个月超级订阅'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: '1500',
|
|
|
+ className: 'unreceived',
|
|
|
+ rate: 100,
|
|
|
+ pointImg: 'unreceived',
|
|
|
+ anchorText: '1500剑鱼币',
|
|
|
+ tipText: '1个月超级订阅'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ // 任务球
|
|
|
+ missionsList: [
|
|
|
+ {
|
|
|
+ id: 'buyvip',
|
|
|
+ className: '',
|
|
|
+ x: 0.2,
|
|
|
+ y: 0.94, // rem
|
|
|
+ num: 800,
|
|
|
+ unit: '剑鱼币',
|
|
|
+ complete: false,
|
|
|
+ hide: true,
|
|
|
+ name: '购买超级订阅' // 任务描述
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: 'invite',
|
|
|
+ className: 'delay-100',
|
|
|
+ x: 2.84,
|
|
|
+ y: 0.06,
|
|
|
+ num: 500,
|
|
|
+ unit: '剑鱼币',
|
|
|
+ complete: false,
|
|
|
+ hide: true,
|
|
|
+ name: '邀请领好礼'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: 'share',
|
|
|
+ className: 'delay-300',
|
|
|
+ x: 4.8,
|
|
|
+ y: 0.82,
|
|
|
+ num: 200,
|
|
|
+ unit: '剑鱼币',
|
|
|
+ complete: false,
|
|
|
+ hide: true,
|
|
|
+ name: '分享活动'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ copyLinkText: location.href,
|
|
|
+ rewardList: [],
|
|
|
+ dialog: {
|
|
|
+ show: false,
|
|
|
+ giftMonth: 1,
|
|
|
+ type: 'rule',
|
|
|
+ myReward: false // 奖励弹窗
|
|
|
+ },
|
|
|
+ rulesList: [
|
|
|
+ {
|
|
|
+ text: '活动时间：预热期：7.25-7.31 、活动期：8.1-8.14。'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ text: '预热福利：预热期内用户每天10点开始领取，每天限量500份，每天0点数量更新，每人仅限领取一次，数量有限，先到先得。'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ text: '福利一：官方补贴限时抢 购买超级订阅立减：活动期间内新购、续费、升级用户均可参加，通过活动页领取优惠券后购买超级订阅可享受满减，不同额度优惠券一人仅限领取1张，优惠券仅限领取后活动期内使用，过期无效。'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ text: '福利二：做任务 得2个月超级订阅：活动期内，用户分别完成各任务即可获得相对应的剑鱼币，达到1000剑鱼币领1个月超级订阅，达到1500剑鱼币领1个月超级订阅，领取后在原有购买时间上延长所领取奖励的时长，在订单支付期间，完成【购买超级订阅】可获得800剑鱼币，用户新购、续费、升级皆可获得剑鱼币奖励，完成【邀请领好礼】可获得500剑鱼币，完成【分享活动】可获得200剑鱼币；完成购买超级订阅、邀请领好礼、分享活动三个任务且活动页剑鱼币累计达到1000剑鱼币或1500剑鱼币即可领取超级订阅，累计可领2个月，通过其他形式获取的剑鱼币将不作为领取奖励的依据，领取后在【我的奖励】中查看。'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ text: '福利三：大会员最高立减7999元 送6个月使用时长：活动期内商机版2.0最高立减3199元，购买赠送6个月使用时长，专家版2.0最高立减7999元，购买赠送6个月使用时长，点击【了解更多】可详细了解大会员服务内容，详情请致电咨询：400-108-6670，线下购买享优惠。'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ text: '本次活动不支持作弊行为，涉嫌违法、违规参与活动的用户，剑鱼标讯将有权取消您的活动参与资格，并回收已获得的相关奖励，由于不可抗力因素等情况导致活动异常，剑鱼标讯将有权采取调整等措施。'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ text: '法律许可范围内本次活动解释权归北京剑鱼信息技术有限公司所有。'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ rate: function () {
|
|
|
+ var calcRate = (this.progress.current / this.progress.max) * 100
|
|
|
+ if (calcRate > 100) {
|
|
|
+ calcRate = 100
|
|
|
+ }
|
|
|
+ if (calcRate < 0) {
|
|
|
+ calcRate = 0
|
|
|
+ }
|
|
|
+ return calcRate
|
|
|
+ },
|
|
|
+ blinkTextShow: function () {
|
|
|
+ var anchorList = this.progress.anchorList
|
|
|
+ var rate = this.rate
|
|
|
+ var exist = false
|
|
|
+ for (var i = 0; i < anchorList.length; i++) {
|
|
|
+ if (rate === anchorList[i].rate) {
|
|
|
+ exist = true
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return !exist
|
|
|
+ },
|
|
|
+ progressAnchorList: function () {
|
|
|
+ return this.progress.anchorList
|
|
|
+ },
|
|
|
+ lastTimeText: function () {
|
|
|
+ if (this.lastTimestamp > 0) {
|
|
|
+ var lastTimeConf = this.calcLastTimeDiff(this.lastTimestamp)
|
|
|
+ var days = lastTimeConf.days
|
|
|
+ var hours = lastTimeConf.hours
|
|
|
+ var minutes = lastTimeConf.minutes
|
|
|
+ var seconds = lastTimeConf.seconds
|
|
|
+ var hms = [this.add0(hours), this.add0(minutes), this.add0(seconds)].join(':')
|
|
|
+ if (days > 0) {
|
|
|
+ return days + '天 ' + hms
|
|
|
+ } else {
|
|
|
+ return hms
|
|
|
+ }
|
|
|
+ // return days + '天 ' + hms
|
|
|
+ } else {
|
|
|
+ return ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ yureSectionShow: function () {
|
|
|
+ return this.activeState === 'waiting' || this.activeState === 'yureing'
|
|
|
+ },
|
|
|
+ yureButtonShow: function () {
|
|
|
+ var lastTimeConf = this.calcLastTimeDiff(this.lastTimestamp)
|
|
|
+ var days = lastTimeConf.days
|
|
|
+ if (this.yureInfo.buttonText) {
|
|
|
+ return !(days < 1 && this.yureConf.total <= 0)
|
|
|
+ } else {
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ },
|
|
|
+ forbidClose: function () {
|
|
|
+ return this.dialog.type === 'over'
|
|
|
+ },
|
|
|
+ getScreenMax: function () {
|
|
|
+ return document.body.clientHeight < 600
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created: function () {
|
|
|
+ this.platform = utils.isWeiXinBrowser ? 'wx' : 'app'
|
|
|
+ this.ajaxActiveStatus()
|
|
|
+ this.ajaxProgress()
|
|
|
+ this.getMissionList()
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ // this.calcPointList()
|
|
|
+ this.stickyTopEvents()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ add0: function (t) {
|
|
|
+ return t < 10 ? ('0' + t) : t
|
|
|
+ },
|
|
|
+ dialogShow: function (type, show) {
|
|
|
+ this.dialog.type = type
|
|
|
+ this.dialog.show = show
|
|
|
+ },
|
|
|
+ ajaxActiveStatus: function () {
|
|
|
+ var _this = this
|
|
|
+ $.ajax({
|
|
|
+ url: '/jyActivity/membershipDay/period',
|
|
|
+ type: 'post',
|
|
|
+ success: function (res) {
|
|
|
+ if (res.data) {
|
|
|
+ for (var key in _this.conf) {
|
|
|
+ _this.conf[key] = res.data[key]
|
|
|
+ }
|
|
|
+
|
|
|
+ if (Math.abs(initPageTime - res.data.now * 1000) > 5000) {
|
|
|
+ initPageTime = res.data.now
|
|
|
+ }
|
|
|
+ activeOverCheck(res.data.end * 1000, function () {
|
|
|
+ _this.dialogShow('over', true)
|
|
|
+ })
|
|
|
+ _this.initPageState()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ complete: function () {
|
|
|
+ _this.getYuReCouponCount()
|
|
|
+ _this.getFuLi2CouponList()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ initPageState: function () {
|
|
|
+ var state = this.checkActiveState()
|
|
|
+ var yureTextDOM = $('.timeline-item.yure .t-r-b-r')
|
|
|
+ if (state === 'yureing') {
|
|
|
+ this.startTopTimer()
|
|
|
+ yureTextDOM.text('进行中')
|
|
|
+ } else {
|
|
|
+ yureTextDOM.text('已结束')
|
|
|
+ if (state === 'activating') {
|
|
|
+ // 活动进行中
|
|
|
+ } else {
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 检查状态
|
|
|
+ checkActiveState: function (now) {
|
|
|
+ if (!now) {
|
|
|
+ now = Date.now()
|
|
|
+ }
|
|
|
+ var before = this.conf.before * 1000
|
|
|
+ var start = this.conf.start * 1000
|
|
|
+ var end = this.conf.end * 1000
|
|
|
+ var stateArr = ['waiting', 'yureing', 'activating', 'ended']
|
|
|
+ var state = 'waiting'
|
|
|
+ if (now < before) {
|
|
|
+ state = stateArr[0] // 预热未开始
|
|
|
+ } else if (before <= now && now < start) {
|
|
|
+ state = stateArr[1] // 预热中
|
|
|
+ } else if (start <= now && now < end) {
|
|
|
+ state = stateArr[2] // 活动进行中
|
|
|
+ } else {
|
|
|
+ state = stateArr[3] // 活动已结束
|
|
|
+ }
|
|
|
+ this.activeState = state
|
|
|
+ return state
|
|
|
+ },
|
|
|
+ // type=yure判断预热是否开始
|
|
|
+ // type=active 判断活动是否开始
|
|
|
+ activeNotStartToast: function (type) {
|
|
|
+ var state = this.checkActiveState()
|
|
|
+ type = type || 'active'
|
|
|
+ if (state === 'ended') {
|
|
|
+ this.$toast('活动已结束')
|
|
|
+ } else if (state === 'waiting') {
|
|
|
+ this.$toast('活动尚未开始，敬请期待')
|
|
|
+ } else {
|
|
|
+ if (type === 'yure') {
|
|
|
+ if (state === 'activating') {
|
|
|
+ // 预热已结束
|
|
|
+ this.$toast('预热已结束')
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (state === 'yureing') {
|
|
|
+ this.$toast('活动尚未开始，敬请期待')
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ startTopTimer: function () {
|
|
|
+ var _this = this
|
|
|
+ var start = this.conf.start * 1000
|
|
|
+ var timerId = setInterval(function () {
|
|
|
+ var current = Date.now()
|
|
|
+ if (_this.lastTimestamp < 0) {
|
|
|
+ clearInterval(timerId)
|
|
|
+ }
|
|
|
+ _this.lastTimestamp = start - current
|
|
|
+ }, 1000)
|
|
|
+ },
|
|
|
+ calcYuReText: function () {
|
|
|
+ var _this = this
|
|
|
+ var buttonText = ''
|
|
|
+ var tipText = ''
|
|
|
+ var buttonDisabled = true
|
|
|
+ if (this.yureInfo.timerId) {
|
|
|
+ clearInterval(this.yureInfo.timerId)
|
|
|
+ }
|
|
|
+ if (this.activeState === 'yureing') {
|
|
|
+ // 当天时间
|
|
|
+ var todayString = new Date().pattern('yyyy/MM/dd')
|
|
|
+ // 当领券开始时间
|
|
|
+ var yureCouponStartTime = [todayString, this.conf.clock].join(' ')
|
|
|
+ var yureCouponStartStamp = +new Date(yureCouponStartTime)
|
|
|
+ // 计算倒计时
|
|
|
+ var diff = yureCouponStartStamp - Date.now()
|
|
|
+ if (diff > 0) {
|
|
|
+ // 预热当天未开始抢券
|
|
|
+ buttonDisabled = true
|
|
|
+ buttonText = '今日10点开抢'
|
|
|
+ // 创建定时器刷新倒计时
|
|
|
+ this.yureInfo.timerId = setInterval(function () {
|
|
|
+ var d = yureCouponStartStamp - Date.now()
|
|
|
+ var obj = _this.calcLastTimeDiff(d)
|
|
|
+ if (d <= 0) {
|
|
|
+ clearInterval(_this.yureInfo.timerId)
|
|
|
+ _this.calcYuReText()
|
|
|
+ } else {
|
|
|
+ // 计算倒计时
|
|
|
+ tipText = [_this.add0(obj.hours), _this.add0(obj.minutes), _this.add0(obj.seconds)].join(':')
|
|
|
+ _this.yureInfo.tipText = tipText
|
|
|
+ }
|
|
|
+ }, 1000)
|
|
|
+ } else {
|
|
|
+ if (this.yureConf.got) {
|
|
|
+ // 已领取过
|
|
|
+ buttonDisabled = false
|
|
|
+ buttonText = '去查看'
|
|
|
+ tipText = '已领取成功'
|
|
|
+ } else {
|
|
|
+ buttonDisabled = this.yureConf.total <= 0
|
|
|
+ // 券是否有剩余
|
|
|
+ if (this.yureConf.total > 0) {
|
|
|
+ buttonText = '点击免费领'
|
|
|
+ tipText = '今日还剩<span class="num">' + this.yureConf.total + '</span>份'
|
|
|
+ } else {
|
|
|
+ // 今日券领完了
|
|
|
+ buttonText = '今天已抢完'
|
|
|
+ tipText = '今天已经抢完啦~明天再来吧'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ // 预热未开始或者预热结束
|
|
|
+ }
|
|
|
+
|
|
|
+ this.yureInfo.buttonDisabled = buttonDisabled
|
|
|
+ this.yureInfo.buttonText = buttonText
|
|
|
+ this.yureInfo.tipText = tipText
|
|
|
+ },
|
|
|
+ calcLastTimeDiff: function (timestamp) {
|
|
|
+ var diff = moment.duration(Math.abs(timestamp))
|
|
|
+ var days = diff.days()
|
|
|
+ var hours = diff.hours()
|
|
|
+ var minutes = diff.minutes()
|
|
|
+ var seconds = diff.seconds()
|
|
|
+ return {
|
|
|
+ days: days,
|
|
|
+ hours: hours,
|
|
|
+ minutes: minutes,
|
|
|
+ seconds: seconds
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 预热优惠券数量查询
|
|
|
+ getYuReCouponCount: function () {
|
|
|
+ var _this = this
|
|
|
+ $.ajax({
|
|
|
+ url: '/jyActivity/membershipDay/getDailyBoonDetail',
|
|
|
+ type: 'post',
|
|
|
+ success: function (res) {
|
|
|
+ if (res.data) {
|
|
|
+ _this.yureConf.got = res.data.got || false
|
|
|
+ _this.yureConf.total = res.data.total || 0
|
|
|
+ _this.calcYuReText()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ receiveYuReCoupon: function () {
|
|
|
+ if (this.yureInfo.buttonDisabled) {
|
|
|
+
|
|
|
+ } else {
|
|
|
+ this.receiveYuReCouponAjax()
|
|
|
+ }
|
|
|
+ if (this.yureInfo.buttonDisabled) {
|
|
|
+ this.$toast('活动尚未开始，敬请期待')
|
|
|
+ } else if (this.yureInfo.buttonText === '去查看') {
|
|
|
+ // 领过了
|
|
|
+ this.toBuyVip()
|
|
|
+ } else {
|
|
|
+ // 没领过
|
|
|
+ this.receiveYuReCouponAjax()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 领取预热优惠券
|
|
|
+ receiveYuReCouponAjax: function () {
|
|
|
+ var _this = this
|
|
|
+ $.ajax({
|
|
|
+ url: '/jyActivity/membershipDay/getDailyBoonSVip',
|
|
|
+ type: 'post',
|
|
|
+ success: function (res) {
|
|
|
+ if (res.data) {
|
|
|
+ _this.getYuReCouponCount()
|
|
|
+ // 刷新我的奖励列表
|
|
|
+ _this.getMissionList()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ receiveActiveButtonText: function (item) {
|
|
|
+ if (item.IsReceive) {
|
|
|
+ return '立即领取'
|
|
|
+ } else {
|
|
|
+ if (item.IsUser) {
|
|
|
+ return '去使用'
|
|
|
+ } else {
|
|
|
+ return '已使用'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ receiveActiveCoupon: function (coupons) {
|
|
|
+ if (this.activeState !== 'activating') {
|
|
|
+ return this.activeNotStartToast()
|
|
|
+ }
|
|
|
+ if (coupons.length === 0) return
|
|
|
+ if (coupons.length === 1) {
|
|
|
+ var item = coupons[0]
|
|
|
+ if (!item.IsReceive && item.IsUser) {
|
|
|
+ this.toBuyVip()
|
|
|
+ }
|
|
|
+ return
|
|
|
+ }
|
|
|
+ var idArr = []
|
|
|
+ coupons.forEach(function (item) {
|
|
|
+ if (item.IsReceive) {
|
|
|
+ idArr.push(item.LotteryIdStr)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ this.receiveActiveCouponAjax(idArr)
|
|
|
+ },
|
|
|
+ // 领取活动优惠券
|
|
|
+ receiveActiveCouponAjax: function (ids) {
|
|
|
+ if (ids.length === 0) return
|
|
|
+ var _this = this
|
|
|
+ $.ajax({
|
|
|
+ url: '/jyActivity/membershipDay/getLottery',
|
|
|
+ type: 'post',
|
|
|
+ contentType: 'application/json',
|
|
|
+ data: JSON.stringify({
|
|
|
+ lotteryIds: ids.join(',')
|
|
|
+ }),
|
|
|
+ success: function (res) {
|
|
|
+ if (res.data) {
|
|
|
+ _this.couponList.forEach(function (item) {
|
|
|
+ if (ids.indexOf(item.LotteryIdStr) !== -1) {
|
|
|
+ item.IsReceive = false
|
|
|
+ }
|
|
|
+ })
|
|
|
+ // 刷新我的奖励列表
|
|
|
+ _this.getMissionList()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ addTipText: function (list) {
|
|
|
+ var prefix = '超级订阅'
|
|
|
+ var priceArr = [
|
|
|
+ {
|
|
|
+ price: 38,
|
|
|
+ text: '/月/省'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ price: 99,
|
|
|
+ text: '/季/省'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ price: 380,
|
|
|
+ text: '/年/省'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ price: 599,
|
|
|
+ text: '/月/全国'
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ var arr = list.sort(function (a, b) {
|
|
|
+ return a.Reduce - b.Reduce
|
|
|
+ })
|
|
|
+ list.forEach(function (item) {
|
|
|
+ var reduce = item.Reduce
|
|
|
+ var full = item.Full
|
|
|
+ for (var i = 0; i < priceArr.length; i++) {
|
|
|
+ if (priceArr[i].price - full >= 0) {
|
|
|
+ var pay = priceArr[i].price - reduce
|
|
|
+ item.tipText = prefix + priceArr[i].text + '：券后' + pay + '元'
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ return arr
|
|
|
+ },
|
|
|
+ // 获取福利2优惠券列表
|
|
|
+ getFuLi2CouponList: function () {
|
|
|
+ var _this = this
|
|
|
+ $.ajax({
|
|
|
+ url: '/jyActivity/membershipDay/lotteryList',
|
|
|
+ type: 'post',
|
|
|
+ success: function (res) {
|
|
|
+ if (res.data) {
|
|
|
+ _this.couponList = _this.addTipText(res.data) || []
|
|
|
+ // 刷新我的奖励列表
|
|
|
+ _this.getMissionList()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ calcPointList: function () {
|
|
|
+ var dom = this.$refs.missions
|
|
|
+ window.points = new RandomCoordinate({
|
|
|
+ el: dom,
|
|
|
+ total: this.missionsList.length,
|
|
|
+ pointSize: new Map(142, 160)
|
|
|
+ })
|
|
|
+ var pointList = points.pointCoordList
|
|
|
+ for (var i = 0; i < this.missionsList.length; i++) {
|
|
|
+ this.missionsList[i].x = pointList[i].x
|
|
|
+ this.missionsList[i].y = pointList[i].y
|
|
|
+ }
|
|
|
+ },
|
|
|
+ leaveCanvas: function (item) {
|
|
|
+ var rootFontSize = RootNodeFontSize()
|
|
|
+ var dom = $('.mission-list-item.' + item.id)
|
|
|
+ dom.removeClass('floating')
|
|
|
+ var baseX = -1.2 * rootFontSize
|
|
|
+ var baseY = 0.6 * rootFontSize
|
|
|
+
|
|
|
+ console.log(baseX, baseY)
|
|
|
+
|
|
|
+ // 终点坐标
|
|
|
+ var current = {
|
|
|
+ x: baseX + $('.progress-bar-content').width(),
|
|
|
+ y: baseY + $('.mission-list').height() - $('.blink-point').height() / 2
|
|
|
+ }
|
|
|
+
|
|
|
+ item.x = current.x / rootFontSize
|
|
|
+ item.y = current.y / rootFontSize
|
|
|
+ this.$nextTick(function () {
|
|
|
+ dom.addClass('exit')
|
|
|
+ })
|
|
|
+ },
|
|
|
+ onClickListItem: function (item) {
|
|
|
+ if (item.icon === 'jy-svip') {
|
|
|
+ if (utils.isWeiXinBrowser) {
|
|
|
+ location.href = '/weixin/pay/toMyWxOrder?active=0'
|
|
|
+ } else {
|
|
|
+ location.href = '/jyapp/front/myOrder/toMyOrder?active=0'
|
|
|
+ }
|
|
|
+ } else if (item.icon === 'jy-coin') {
|
|
|
+ location.href = '/page_points_mobile/list'
|
|
|
+ } else {
|
|
|
+ // 跳转我的奖券
|
|
|
+ if (utils.isWeiXinBrowser) {
|
|
|
+ location.href = '/weixin/frontPage/coupon/free/myCoupon'
|
|
|
+ } else {
|
|
|
+ location.href = '/jyapp/frontPage/coupon/free/myCoupon'
|
|
|
+ }
|
|
|
+ // this.toBuyVip()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onClickReceive: function (type, item) {
|
|
|
+ if (this.activeState !== 'activating') {
|
|
|
+ // this.$toast('活动尚未开始，敬请期待')
|
|
|
+ return this.activeNotStartToast()
|
|
|
+ }
|
|
|
+ if (item.className === 'received') return
|
|
|
+ var status = false
|
|
|
+ if (type === 'schedule') {
|
|
|
+ if (item.className === 'wait') {
|
|
|
+ status = true
|
|
|
+ } else {
|
|
|
+ var text = '尚未达到领取条件，无法领取'
|
|
|
+ switch (item.id) {
|
|
|
+ // 800
|
|
|
+ case this.progressAnchorList[1].id: {
|
|
|
+ text = '尚未达到'+ this.progressAnchorList[1].id +'剑鱼币，无法领取'
|
|
|
+ break
|
|
|
+ }
|
|
|
+ // 1500
|
|
|
+ case this.progressAnchorList[2].id: {
|
|
|
+ text = '尚未达到'+ this.progressAnchorList[2].id +'剑鱼币，无法领取'
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return this.$toast(text, 1500)
|
|
|
+ }
|
|
|
+ } else if (type === 'mission' && item.complete) {
|
|
|
+ status = true
|
|
|
+ }
|
|
|
+ if (!status) {
|
|
|
+ var _this = this
|
|
|
+ switch (item.id) {
|
|
|
+ case 'buyvip': {
|
|
|
+ this.toBuyVip()
|
|
|
+ break
|
|
|
+ }
|
|
|
+ case 'invite': {
|
|
|
+ if (utils.isWeiXinBrowser) {
|
|
|
+ location.href = '/weixin/frontPage/share/sess/index'
|
|
|
+ } else {
|
|
|
+ location.href = '/jyapp/frontPage/share/sess/index'
|
|
|
+ }
|
|
|
+ break
|
|
|
+ }
|
|
|
+ case 'share': {
|
|
|
+ // 分享----------
|
|
|
+ // _this.scrollTo('.copy-share-container')
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return
|
|
|
+ }
|
|
|
+ var _this = this
|
|
|
+ if (type === 'mission') {
|
|
|
+ this.leaveCanvas(item)
|
|
|
+ }
|
|
|
+ this.ajaxReceive({ type: type, value: item.id }, function (result, msg) {
|
|
|
+ if (result) {
|
|
|
+ switch (item.id) {
|
|
|
+ case 'buyvip':
|
|
|
+ case 'invite':
|
|
|
+ case 'share': {
|
|
|
+ _this.$toast('已成功领取' + item.num + '剑鱼币', 1500)
|
|
|
+ break
|
|
|
+ }
|
|
|
+ case '800': {
|
|
|
+ _this.dialogShow('success', true)
|
|
|
+ break
|
|
|
+ }
|
|
|
+ case '1500': {
|
|
|
+ _this.dialogShow('success', true)
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }
|
|
|
+ _this.ajaxActiveStatus()
|
|
|
+ _this.ajaxProgress()
|
|
|
+ _this.getMissionList()
|
|
|
+ } else {
|
|
|
+ _this.$toast(msg, 1500)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ ajaxReceive: function (data, callback) {
|
|
|
+ var _this = this
|
|
|
+ $.ajax({
|
|
|
+ url: '/jyActivity/membershipDay/receive',
|
|
|
+ type: 'post',
|
|
|
+ contentType: 'application/json',
|
|
|
+ data: JSON.stringify(data),
|
|
|
+ success: function (res) {
|
|
|
+ callback(res.data, res.error_msg)
|
|
|
+ // 刷新我的奖励列表
|
|
|
+ _this.getMissionList()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ ajaxProgress: function () {
|
|
|
+ var _this = this
|
|
|
+ $.ajax({
|
|
|
+ url: '/jyActivity/membershipDay/schedule',
|
|
|
+ type: 'post',
|
|
|
+ success: function (res) {
|
|
|
+ if (res.error_code === 0 && res.data) {
|
|
|
+ _this.progress.current = res.data.nowNum
|
|
|
+
|
|
|
+ _this.missionsList[0].complete = res.data.missions.buyvip !== 0
|
|
|
+ _this.missionsList[1].complete = res.data.missions.invite !== 0
|
|
|
+ _this.missionsList[2].complete = res.data.missions.share !== 0
|
|
|
+
|
|
|
+ _this.missionsList[0].hide = res.data.missions.buyvip === -1
|
|
|
+ _this.missionsList[1].hide = res.data.missions.invite === -1
|
|
|
+ _this.missionsList[2].hide = res.data.missions.share === -1
|
|
|
+
|
|
|
+ var anchorStatus = {
|
|
|
+ 1: 'wait',
|
|
|
+ 0: 'unreceived',
|
|
|
+ '-1': 'received',
|
|
|
+ }
|
|
|
+ var imgStatus = {
|
|
|
+ 1: 'unreceived',
|
|
|
+ 0: 'unreceived',
|
|
|
+ '-1': 'received',
|
|
|
+ }
|
|
|
+
|
|
|
+ _this.progress.anchorList[1].className = anchorStatus[res.data.schedule['800']]
|
|
|
+ _this.progress.anchorList[2].className = anchorStatus[res.data.schedule['1500']]
|
|
|
+
|
|
|
+ _this.progress.anchorList[1].pointImg = imgStatus[res.data.schedule['800']]
|
|
|
+ _this.progress.anchorList[2].pointImg = imgStatus[res.data.schedule['1500']]
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getMissionList: function () {
|
|
|
+ var _this = this
|
|
|
+ $.ajax({
|
|
|
+ url: '/jyActivity/myAward/awardlist',
|
|
|
+ type: 'post',
|
|
|
+ contentType: 'application/json',
|
|
|
+ data: JSON.stringify({
|
|
|
+ code: 'membershipDay',
|
|
|
+ pageSize: 10,
|
|
|
+ pageNum: 0
|
|
|
+ }),
|
|
|
+ success: function (res) {
|
|
|
+ if (res.error_code === 0 && res.data) {
|
|
|
+ if (res.data.list && typeof res.data.list.map === 'function') {
|
|
|
+ _this.rewardList = res.data.list.map(function (v) {
|
|
|
+ var icon = ''
|
|
|
+ if (v.award.indexOf('剑鱼币') > -1) {
|
|
|
+ icon = 'jy-coin'
|
|
|
+ } else if (v.award.indexOf('订阅') > -1) {
|
|
|
+ icon = 'jy-svip'
|
|
|
+ } else {
|
|
|
+ icon = 'jy-coupon'
|
|
|
+ }
|
|
|
+ return {
|
|
|
+ id: v._id,
|
|
|
+ icon: icon,
|
|
|
+ rewardText: v.award,
|
|
|
+ receiveTime: new Date(v.date * 1000).pattern('yyyy-MM-dd HH:mm:ss'),
|
|
|
+ receiveFrom: v.getway
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ receiveFuli3: function () {
|
|
|
+ if (this.activeState !== 'activating') {
|
|
|
+ return this.activeNotStartToast()
|
|
|
+ }
|
|
|
+ if (utils.isWeiXinBrowser) {
|
|
|
+ location.href = '/weixin/frontPage/bigmember/free/perfect_info?source=super_membership_day'
|
|
|
+ } else {
|
|
|
+ location.href = '/jyapp/frontPage/bigmember/free/perfect_info?source=super_membership_day'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ doCopy: function () {
|
|
|
+ if (this.activeState === 'activating') {
|
|
|
+ var _this = this
|
|
|
+ $.ajax({
|
|
|
+ url: '/jyActivity/membershipDay/doShare',
|
|
|
+ type: 'post',
|
|
|
+ success: function (res) {
|
|
|
+ if (res.data) {
|
|
|
+ _this.$toast('复制成功')
|
|
|
+ _this.ajaxProgress()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ // this.$toast('活动尚未开始，敬请期待')
|
|
|
+ this.activeNotStartToast()
|
|
|
+ }
|
|
|
+ this.copyText('快来和我一起参与吧！剑鱼超级会员节，百万补贴限量抢，快速获取商机信息》\n' + this.copyLinkText)
|
|
|
+ },
|
|
|
+ copyText: function (text) {
|
|
|
+ const input = document.createElement('textarea') // js创建一个input输入框
|
|
|
+ input.value = text // 将需要复制的文本赋值到创建的input输入框中
|
|
|
+ document.body.appendChild(input) // 将输入框暂时创建到实例里面
|
|
|
+ input.select() // 选中输入框中的内容
|
|
|
+ document.execCommand('copy') // 执行复制操作
|
|
|
+ document.body.removeChild(input) // 最后删除实例中临时创建的input输入框，完成复制操作
|
|
|
+ },
|
|
|
+ scrollTo: function (className) {
|
|
|
+ setTimeout(function () {
|
|
|
+ var offsetTop = $(className)[0].offsetTop - $('.jy-app-header').outerHeight() * 2
|
|
|
+ $('#main-app').scrollTop(offsetTop)
|
|
|
+ }, 100)
|
|
|
+ },
|
|
|
+ stickyTopEvents: function () {
|
|
|
+ var _this = this
|
|
|
+ var fixedTop = $('.fixed-top.top-timeline')
|
|
|
+ var scrollDOM = $('#main-app')
|
|
|
+ var height = $('.header-banner').height() - $('.jy-app-header').outerHeight() * 2
|
|
|
+ var showHide = function () {
|
|
|
+ var scrollTop = scrollDOM.scrollTop()
|
|
|
+ if (scrollTop > height) {
|
|
|
+ fixedTop.show()
|
|
|
+ } else {
|
|
|
+ fixedTop.hide()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ showHide()
|
|
|
+ scrollDOM.on('scroll', function () {
|
|
|
+ showHide()
|
|
|
+ })
|
|
|
+ fixedTop.on('click', '.timeline-item', function (e) {
|
|
|
+ $(e.currentTarget).addClass('active').siblings().removeClass('active')
|
|
|
+ var className = $(e.currentTarget).attr('data-s-class')
|
|
|
+ _this.scrollTo('.' + className)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ toMemberPage: function () {
|
|
|
+ if (utils.isWeiXinBrowser) {
|
|
|
+ location.href = '/big/wx/page/landingPage'
|
|
|
+ } else {
|
|
|
+ location.href = '/jyapp/big/page/landingPage'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ toBuyVip: function () {
|
|
|
+ location.href = '/jy_mobile/common/order/create/svip?type=buy'
|
|
|
+ }
|
|
|
+ }
|
|
|
+})
|
