var shareImgThumbs = []; var shares = null; var Intent = null, File = null, Uri = null, main = null; // H5 plus事件处理 function plusReady() { updateSerivces(); if(plus.os.name == "Android") { main = plus.android.runtimeMainActivity(); Intent = plus.android.importClass("android.content.Intent"); File = plus.android.importClass("java.io.File"); Uri = plus.android.importClass("android.net.Uri"); } } if(window.plus) { plusReady(); } else { document.addEventListener("plusready", plusReady, false); } /** * * 更新分享服务 */ function updateSerivces() { plus.share.getServices(function(s) { shares = {}; for(var i in s) { var t = s[i]; shares[t.id] = t; } }, function(e) { plus.nativeUI.toast("获取分享服务列表失败:" + e.message); }); } /** * 分享操作 * @param {JSON} sb 分享操作对象s.s为分享通道对象(plus.share.ShareService) * @param {Boolean} bh 是否分享链接 */ function shareAction(sb, bh) { if(!sb || !sb.s) { plus.nativeUI.toast("无效的分享服务!"); return; } var msg = { content: sharehrefDes.value, extra: { scene: sb.x } }; if(bh) { msg.href = sharehref.value; if(sharehrefTitle && sharehrefTitle.value != "") { msg.title = sharehrefTitle.value; } if(sharehrefDes && sharehrefDes.value != "") { msg.content = sharehrefDes.value; } // msg.thumbs = ["_www/logo.png"]; msg.thumbs = $('.swiper-slide img').eq(0).attr('src') ? [$('.swiper-slide img').eq(0).attr('src') + '/thumb60'] : ["_www/logo.png"]; msg.pictures = ["_www/logo.png"]; } else { if(pic && pic.realUrl) { msg.pictures = [pic.realUrl]; } } // 发送分享 if(sb.s.authenticated) { // plus.nativeUI.toast("---已授权---"); shareMessage(msg, sb.s); } else { plus.nativeUI.toast("---未授权---"); sb.s.authorize(function() { shareMessage(msg, sb.s); }, function(e) { plus.nativeUI.toast("认证授权失败:" + e.code + " - " + e.message); }); } } /** * 发送分享消息 * @param {JSON} msg * @param {plus.share.ShareService} s */ function shareMessage(msg, s) { // plus.nativeUI.toast(JSON.stringify(msg)); s.send(msg, function() { plus.nativeUI.toast("分享到\"" + s.description + "\"成功! "); }, function(e) { plus.nativeUI.toast("分享到\"" + s.description + "\"失败 "); }); } // 分析链接 function shareHref() { var shareBts = []; // 更新分享列表 var ss = shares['weixin']; ss && ss.nativeClient && (shareBts.push({ title: '微信朋友圈', s: ss, x: 'WXSceneTimeline' }), shareBts.push({ title: '微信好友', s: ss, x: 'WXSceneSession' })); // 弹出分享列表 shareBts.length > 0 ? plus.nativeUI.actionSheet({ title: '分享注册链接', cancel: '取消', buttons: shareBts }, function(e) { (e.index > 0) && shareAction(shareBts[e.index - 1], true); }) : plus.nativeUI.plus.nativeUI.toast('当前环境无法支持分享链接操作!'); } mui.plusReady(function() { var data = ''; var data_saleSpec = {} var arry_str = ''; var self = plus.webview.currentWebview(); var data_id = self.data_id; var isEct = self.isEct; var data_bak = {}; var token = localStorage.getItem('token'); var isShowWhsle = 0; var shopQQ = ''; var shopTle = ''; // console.log(data_id) function whslePrice(num, arry_str) { for(var i in data_saleSpec) { if(i == arry_str) { // if(num >= (+(data_saleSpec[i].initNum)) && data_saleSpec[i].whslePrice > 0) { if(isShowWhsle == 1 && data_saleSpec[i].whslePrice > 0) { $('.cclass_con .cc2 o').html('批发单价:¥' + data_saleSpec[i].whslePrice); $('.cclass_con .cc2 l').html('起批数:' + data_saleSpec[i].initNum + '件'); } } } for(var i in data_saleSpec) { if(i == arry_str) { $('.cclass_con .cc2 p').html('¥' + data_saleSpec[i].specPrice); } } } mui.ajax(hyhUrl('app/Goods/detail'), {  data: { goodsId: data_id }, dataType: 'json', //服务器返回json格式数据   type: 'post', //HTTP请求类型   timeout: 10000, //超时时间设置为10秒;   success: function(data) {           //服务器返回响应,根据响应结果,分析是否登录成功;   var data = toJson(data); // console.log(data.status) if(data.status == 1) { // mui.alert('加载失败请重试!'); data = data.data; data_bak = data; shopQQ = data.shop.shopQQ; shopTel = data.shop.shopTel; var isEct = data.isEct; if(!shopQQ && shopTel) { $('#lxkf').html('

客服

') } var html = '

ECT专享价¥' + data.shopPrice + '

市场价 ¥' + data.marketPrice + '

'; }else{ html += '

¥' + data.shopPrice + '

到手价¥' + Math.round(data.shopPrice * 0.8 * 100) / 100 + '

市场价 ¥' + data.marketPrice + '

'; } if(data.isFreeShipping == '1') { html += '免运费'; } else { html += '不包邮'; } html += '月销:' + data.saleNum + '件

' + data.goodsName + '

' if(data.goodsTips) { html += '

' + data.goodsTips + '

'; } html += '
领取优惠券
积分购买后可获得成交价格20%积分
'; if(isEct!=1){ html+='
惠宝本商品可用惠宝抵扣20%
' }else{ } if(data.promotionList != '') { html += '
促销信息 :' + data.promotionList.rewardTitle + '
'; $.each(data.promotionList.json, function() { html += '

满' + this.orderMoney + '元

'; if(this.favourableJson.chk0 == true) { html += '
减' + this.favourableJson.chk0val + '元
'; } if(this.favourableJson.chk1 == true) { html += '
送' + this.favourableJson.chk1val.text + '
'; } if(this.favourableJson.chk2 == true) { html += '
免运费
'; } if(this.favourableJson.chk3 == true) { html += '
送满' + this.favourableJson.chk3val.text + '元优惠券 满' + this.favourableJson.chk3val.data.useMoney + '元使用
'; } }); html += '
'; } html += '
正品保证
选择颜色分类 号码尺寸
'; if(data.oneAppraises == '') { } else { html += '

商品评价(' + data.appraiseNum + ')

' + data.oneAppraises.loginName + '

' + data.oneAppraises.content + '
' + data.oneAppraises.goodsSpecNames + '
查看全部评价
'; } var img_data = data.goodsDesc.replace(/src=\"__ROOT__\//g, 'data-src="').replace(/data-echo=\"__ROOT__\//g, 'src="' + hyhImgUrl('')).replace(/src=\"\//g, 'src="' + hyhImgUrl('')); // console.log(img_data) html += '

' + data.shop.shopName + '

' + data.goodsCount + '
全部宝贝
' + data.newGoodsCount + '
上新宝贝
' + data.favoritesShopsNum + '
关注人数
宝贝描述 ' + data.shop.goodsScore + '
卖家服务 ' + data.shop.serviceScore + '
物流服务 ' + data.shop.timeScore + '
' + img_data + '
'; $('.con').html(html); $('.cclass_con .img').html(''); $('.cclass_con .cc2 p').html('¥' + data.shopPrice); $('.cclass_con .cc2 span').html('库存' + data.goodsStock + '件'); if(data.showWhsle == 1) { isShowWhsle = 1; } $('#storebtn').attr('data-shopId', data.shopId); $('.swiper-slide img').height($('.swiper-slide img').width()); $('.swiper-slide').height($('.swiper-slide').width()); // $('.banner').height($('.banner').width()); var swiper = new Swiper('.swiper-container', { pagination: '.swiper-pagination', paginationClickable: true, spaceBetween: 30, autoplay: 3000 }); var html1 = ''; // var html1 = '
'; $.each(data.spec, function() { html1 += '

' + this.name + '

' $.each(this.list, function() { // console.log(this.itemId) html1 += '
' + this.itemName + '
' }); html1 += '
' }); // html1+='
' $('.ccclass').html(html1) // var hahaha = mui('#hahaha').scroll(); // $('.ccclass').height($('#hahaha').height()) for(var i in data.saleSpec) { data_saleSpec[i] = data.saleSpec[i]; } if(data.couponList == '') { $('.yyyhhhqqq').css('display', 'none'); } else { $.each(data.couponList, function() { html2 += '

¥' + this.couponValue + '

满' + this.useMoney + '元使用
'; }); $('.yhqcon').html(html2); } } else if(data.status == -22) { alert(data.msg); mui.back(); } }, error: function(xhr, type, errorThrown) {           //异常处理;   // alert(errorThrown);       }   });  var scroll = mui('.mui-scroll-wrapper').scroll({ deceleration: 0.002 //flick 减速系数,系数越大,滚动速度越慢,滚动距离越小,默认值0.0006 }); //导航栏渐变 document.querySelector('.mui-scroll-wrapper').addEventListener('scroll', function(e) { var num; if(scroll.y >= -387 && scroll.y < 0) { num = scroll.y / -387; // console.log('渐变',num) $('.header1').css({ 'display': 'block', 'opacity': num }) $('.zhe').css({ // 'display': 'block', 'opacity': num }) var num1 = 0.2 - num * 0.2; // $('.header .mui-action-back').css('background', 'rgba(0,0,0,' + num1 + ')') } else if(scroll.y >= 0) { num = 0; // console.log('透明',num) $('.header1').css({ 'display': 'none', 'opacity': num }) $('.zhe').css({ // 'display': 'none', 'opacity': num }) // $('.header .mui-action-back').css('background', 'rgba(0, 0, 0, 0.2)') } else if(scroll.y < -387) { num = 1; // console.log('不透明',num) $('.header1').css({ 'display': 'block', 'opacity': num }) $('.zhe').css({ // 'display': 'block', 'opacity': num }); // $('.header .mui-action-back').css('background', 'rgba(0, 0, 0, 0.2)') } //导航栏自动切换 if($('.imgcon').offset().top >= 66) { $('#nav1').addClass("on").siblings().removeClass('on'); } else if($('.imgcon').offset().top < 66) { $('#nav3').addClass("on").siblings().removeClass('on'); } }) //点击导航栏跳转 mui('.nav').on('tap', '#nav1', function() { mui('.mui-scroll-wrapper').scroll().scrollTo(0, 0, 100); $('#nav1').addClass("on").siblings().removeClass('on'); }); mui('.nav').on('tap', '#nav2', function() { mui.openWindow({ url: 'appraise.html', id: 'appraise.html', styles: { top: '0px', //新页面顶部位置 bottom: '0px', //新页面底部位置 width: '100%', //新页面宽度,默认为100% height: '100%' //新页面高度,默认为100% }, extras: { data_id: data_id // ..... //自定义扩展参数,可以用来处理页面间传值 }, createNew: false, //是否重复创建同样id的webview,默认为false:不重复创建,直接显示 show: { // autoShow: true, //页面loaded事件发生后自动显示,默认为true // aniShow: animationType, //页面显示动画,默认为”slide-in-right“; // duration: animationTime, //页面动画持续时间,Android平台默认100毫秒,iOS平台默认200毫秒; // event: 'titleUpdate', //页面显示时机,默认为titleUpdate事件时显示 // extras: {} //窗口动画是否使用图片加速 }, waiting: { autoShow: true, //自动显示等待框,默认为true title: '正在加载...', //等待对话框上显示的提示内容 options: { // width: waiting - dialog - widht, //等待框背景区域宽度,默认根据内容自动计算合适宽度 // height: waiting - dialog - height, //等待框背景区域高度,默认根据内容自动计算合适高度 // ...... } } }) }); mui('.nav').on('tap', '#nav3', function() { mui('.mui-scroll-wrapper').scroll().scrollTo(0, -1124, 100); $('#nav3').addClass("on").siblings().removeClass('on'); }); mui('.con').on('tap', '#changeclass', function() { $('#changeclass_con').show(); }) //选择类型 mui('.ccclass').on('tap', '.block', function() { $(this).addClass('on').siblings().removeClass('on'); $(this).parent().attr('data-class', $(this).attr('data-itemId')); var data_itemId = $(this).attr('data-itemId'); // console.log(data_itemId) $.each(data.spec, function() { $.each(this.list, function() { if(this.itemId == data_itemId && this.itemImg != '') { $('.cclass_con .img').html(''); } }); }); var arry = []; $.each($('.cclass1'), function() { arry.push($(this).attr('data-class')) }); arry.sort(function(a, b) { return a - b; }); arry_str = arry.join(':'); // $.each(data.saleSpec, function() { // if(this == arry_str) { // $('.cclass_con .cc2 p').html(this.specPrice); // $('.cclass_con .cc2 span').html('库存' + this.specStock + '件'); // // } // }); for(var i in data_saleSpec) { if(i == arry_str) { $('.cclass_con .cc2 p').html(data_saleSpec[i].specPrice); $('.cclass_con .cc2 span').html('库存' + data_saleSpec[i].specStock + '件'); } } var num = +$('.change_num input').val(); whslePrice(num, arry_str); }) //跳转选择类型 $('.footer').on('tap', '.btn_ljgm', function() { $('#changeclass_con').show(); }) mui('.cc2').on('tap', '.closecclass', function() { $('#changeclass_con').hide(); }) mui('.en').on('tap', '.engwc', function() { $('#changeclass_con').hide(); }) //改变数量 mui('.change_num').on('tap', '.jia', function() { // console.log($(this).siblings('input').val()) var num = +$(this).siblings('input').val() + 1; if(num <= 0) { alert('购买数最小为1!'); return; } $(this).siblings('input').val(num); whslePrice(num, arry_str) }) mui('.change_num').on('tap', '.jian', function() { var num = +$(this).siblings('input').val() - 1; if(num <= 0) { alert('购买数最小为1!'); return; } $(this).siblings('input').val(num); whslePrice(num, arry_str) }) $('.change_num input').on('change', function() { var num = +$(this).val(); whslePrice(num, arry_str); }) //加入购物车&购买 mui('.en').on('tap', '.enarr', function() { var that = $(this); var goodsId = data_id; var buyNum = $('.change_num input').val(); var isGoodsSpecId = 0; var goodsSpecId = 0; var url = ''; if($(this).hasClass('engwc')) { url = 'addCart'; } else if($(this).hasClass('ensure')) { url = 'buy'; } // console.log(data_bak.isSpec) for(var i in data_saleSpec) { if(i == arry_str) { isGoodsSpecId = 1; goodsSpecId = data_saleSpec[i].id; } } if(isGoodsSpecId == 1) { // goodsSpecId = arry_str; } else if(data_bak.isSpec == 0) { goodsSpecId = 0; } else { alert('请选择商品分类!'); return } // console.log(arry_str) // console.log(goodsSpecId) that.attr('disabled', 'disabled'); mui.ajax(hyhUrl('app/carts/' + url), {  data: { goodsId: goodsId, buyNum: buyNum, goodsSpecId: goodsSpecId }, dataType: 'json', //服务器返回json格式数据   type: 'post', //HTTP请求类型   timeout: 10000, //超时时间设置为10秒;   success: function(data) {           //服务器返回响应,根据响应结果,分析是否登录成功;   data = toJson(data); // console.log(data.msg); // console.log(data.status); if(data.status == 1) { if(url == 'buy') { mui.openWindow({ url: 'confirmOrder.html', id: 'confirmOrder.html', styles: { top: '0px', //新页面顶部位置 bottom: '0px', //新页面底部位置 width: '100%', //新页面宽度,默认为100% height: '100%' //新页面高度,默认为100% }, extras: { // data_id: data_id type: 1 // ..... //自定义扩展参数,可以用来处理页面间传值 }, createNew: false, //是否重复创建同样id的webview,默认为false:不重复创建,直接显示 show: { // autoShow: true, //页面loaded事件发生后自动显示,默认为true // aniShow: animationType, //页面显示动画,默认为”slide-in-right“; // duration: animationTime, //页面动画持续时间,Android平台默认100毫秒,iOS平台默认200毫秒; // event: 'titleUpdate', //页面显示时机,默认为titleUpdate事件时显示 // extras: {} //窗口动画是否使用图片加速 }, waiting: { autoShow: true, //自动显示等待框,默认为true title: '正在加载...', //等待对话框上显示的提示内容 options: { // width: waiting - dialog - widht, //等待框背景区域宽度,默认根据内容自动计算合适宽度 // height: waiting - dialog - height, //等待框背景区域高度,默认根据内容自动计算合适高度 // ...... } } }) } else if(url == 'addCart') { alert('添加购物车成功!') } } else { alert(data.msg); //location.reload(); } }, error: function(xhr, type, errorThrown) {           //异常处理;   // alert(type);       }   });  }) //打开评价列表 mui('.con').on('tap', '.pjrk', function() { mui.openWindow({ url: 'appraise.html', id: 'appraise.html', styles: { top: '0px', //新页面顶部位置 bottom: '0px', //新页面底部位置 width: '100%', //新页面宽度,默认为100% height: '100%' //新页面高度,默认为100% }, extras: { data_id: data_id // ..... //自定义扩展参数,可以用来处理页面间传值 }, createNew: false, //是否重复创建同样id的webview,默认为false:不重复创建,直接显示 show: { // autoShow: true, //页面loaded事件发生后自动显示,默认为true // aniShow: animationType, //页面显示动画,默认为”slide-in-right“; // duration: animationTime, //页面动画持续时间,Android平台默认100毫秒,iOS平台默认200毫秒; // event: 'titleUpdate', //页面显示时机,默认为titleUpdate事件时显示 // extras: {} //窗口动画是否使用图片加速 }, waiting: { autoShow: true, //自动显示等待框,默认为true title: '正在加载...', //等待对话框上显示的提示内容 options: { // width: waiting - dialog - widht, //等待框背景区域宽度,默认根据内容自动计算合适宽度 // height: waiting - dialog - height, //等待框背景区域高度,默认根据内容自动计算合适高度 // ...... } } }) }) $('.footer').on('tap', '#scbtn', function() { var goodId = data_id; var that = $(this); if($('#scbtn p').html() == '收藏') { mui.ajax(hyhUrl('app/Favorites/add'), {  data: { id: goodId, type : 0 }, dataType: 'json', //服务器返回json格式数据   type: 'post', //HTTP请求类型   timeout: 10000, //超时时间设置为10秒;   success: function(data) {           //服务器返回响应,根据响应结果,分析是否登录成功;   // console.log(data.data.goodsFavoritesNum) // console.log(data.data.Rows) var data = toJson(data); if(data.status == 1) { $('#scbtn p').html('已收藏'); $('#scbtn p').css('color', '#E41F4A'); $('#scbtn img').attr('src', '../img/likelogo1.png'); // that.addClass('gz_btn1').removeClass('gz_btn'); } else { //console.log(data.status) } }, error: function(xhr, type, errorThrown) {           //异常处理;   // alert(type);     }   });  } else { mui.ajax(hyhUrl('app/Favorites/cancel'), {  data: { id: goodId, type : 0 }, dataType: 'json', //服务器返回json格式数据   type: 'post', //HTTP请求类型   timeout: 10000, //超时时间设置为10秒;   success: function(data) {           //服务器返回响应,根据响应结果,分析是否登录成功;   // console.log(data.data.goodsFavoritesNum) // console.log(data.data.Rows) var data = toJson(data); if(data.status == 1) { $('#scbtn p').html('收藏'); $('#scbtn p').css('color', '#8f8f94'); $('#scbtn img').attr('src', '../img/likelogo.png'); // that.addClass('gz_btn1').removeClass('gz_btn'); } else { //console.log(data.status) } }, error: function(xhr, type, errorThrown) {           //异常处理;   // alert(type);     }   });  } }) $('.footer').on('tap', '#storebtn', function() { var shopId = this.attributes["data-shopId"].nodeValue; var url = 'storeout.html'; if(shopId==1){ url='self_shop.html' } mui.openWindow({ url: url, id: url+shopId, styles: { top: '0px', //新页面顶部位置 bottom: '0px', //新页面底部位置 width: '100%', //新页面宽度,默认为100% height: '100%' //新页面高度,默认为100% }, extras: { shopId: shopId // ..... //自定义扩展参数,可以用来处理页面间传值 }, createNew: false, //是否重复创建同样id的webview,默认为false:不重复创建,直接显示 show: { // autoShow: true, //页面loaded事件发生后自动显示,默认为true // aniShow: animationType, //页面显示动画,默认为”slide-in-right“; // duration: animationTime, //页面动画持续时间,Android平台默认100毫秒,iOS平台默认200毫秒; // event: 'titleUpdate', //页面显示时机,默认为titleUpdate事件时显示 // extras: {} //窗口动画是否使用图片加速 }, waiting: { autoShow: true, //自动显示等待框,默认为true title: '正在加载...', //等待对话框上显示的提示内容 options: { // width: waiting - dialog - widht, //等待框背景区域宽度,默认根据内容自动计算合适宽度 // height: waiting - dialog - height, //等待框背景区域高度,默认根据内容自动计算合适高度 // ...... } } }) }) $('.con').on('tap', '.shop_title p', function() { var shopId = this.attributes["data-shopId"].nodeValue; var url = 'storeout.html'; if(shopId==1){ url='self_shop.html' } mui.openWindow({ url: url, id: url+shopId, styles: { top: '0px', //新页面顶部位置 bottom: '0px', //新页面底部位置 width: '100%', //新页面宽度,默认为100% height: '100%' //新页面高度,默认为100% }, extras: { shopId: shopId // ..... //自定义扩展参数,可以用来处理页面间传值 }, createNew: false, //是否重复创建同样id的webview,默认为false:不重复创建,直接显示 show: { // autoShow: true, //页面loaded事件发生后自动显示,默认为true // aniShow: animationType, //页面显示动画,默认为”slide-in-right“; // duration: animationTime, //页面动画持续时间,Android平台默认100毫秒,iOS平台默认200毫秒; // event: 'titleUpdate', //页面显示时机,默认为titleUpdate事件时显示 // extras: {} //窗口动画是否使用图片加速 }, waiting: { autoShow: true, //自动显示等待框,默认为true title: '正在加载...', //等待对话框上显示的提示内容 options: { // width: waiting - dialog - widht, //等待框背景区域宽度,默认根据内容自动计算合适宽度 // height: waiting - dialog - height, //等待框背景区域高度,默认根据内容自动计算合适高度 // ...... } } }) }) //弹出优惠券 $('.con').on('tap', '.lq', function() { $('#youhuiquan_con').css('display', 'block'); }) //关闭优惠券 $('#youhuiquan_con').on('tap', '.thq_close', function() { $('#youhuiquan_con').css('display', 'none'); }) //领取优惠券 $('#youhuiquan_con').on('tap', '.lq_btn', function() { var couponId = $(this).attr('data-couponId'); mui.ajax(hyhUrl('addon/coupon-Coupons-receive'), {  headers: {  "HYH-Token": token }, data: { couponId: couponId }, dataType: 'json', //服务器返回json格式数据   type: 'post', //HTTP请求类型   timeout: 10000, //超时时间设置为10秒;   success: function(data) {           //服务器返回响应,根据响应结果,分析是否登录成功;   var data = toJson(data); alert(data.msg); }, error: function(xhr, type, errorThrown) {           //异常处理;   // alert(type);     }   });  }) //联系客服 $('#lxkf').on('tap', function() { if(shopQQ) { // location.href="http://wpa.qq.com/msgrd?v=3&uin="+ shopQQ +"&site=qq&menu=yes"; // mui.back(); // window.open("http://wpa.qq.com/msgrd?v=3&uin="+ shopQQ +"&site=qq&menu=yes") if(plus.os.name == "iOS") { plus.runtime.launchApplication({ action: "mqq://im/chat?chat_type=wpa&uin=" + shopQQ + "&version=1&src_type=web" }, function(e) { plus.nativeUI.confirm("检查到您未安装qq,请先到appstore搜索下载?", function(i) { if(i.index == 0) { iosAppstore("itunes.apple.com/cn/app/mqq/"); } }); }); } else if(plus.os.name == "Android") { var Intent = plus.android.importClass('android.content.Intent'); var Uri = plus.android.importClass('android.net.Uri'); var main = plus.android.runtimeMainActivity(); var uri = Uri.parse("mqqwpa://im/chat?chat_type=wpa&uin=" + shopQQ); main.startActivity(new Intent(Intent.ACTION_VIEW, uri)); } } }) //分享 $('.con').on('tap', '#share', function() { shareHref(); }) }) // var self = plus.webview.currentWebview(); // console.log(self.aaa)