123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272 |
- // lionfish_comshop/pages/goods/goodsDetail.js
- var util = require('../../utils/util.js');
- var status = require('../../utils/index.js');
- var WxParse = require('../../wxParse/wxParse.js');
- var app = getApp();
- var detailClearTime = null;
- function count_down(that, total_micro_second) {
- var second = Math.floor(total_micro_second / 1000);
- var days = second / 3600 / 24;
- var daysRound = Math.floor(days);
- var hours = second / 3600 - (24 * daysRound);
- var hoursRound = Math.floor(hours);
- var minutes = second / 60 - (24 * 60 * daysRound) - (60 * hoursRound);
- var minutesRound = Math.floor(minutes);
- var seconds = second - (24 * 3600 * daysRound) - (3600 * hoursRound) - (60 * minutesRound);
- that.setData({
- endtime: {
- days: fill_zero_prefix(daysRound),
- hours: fill_zero_prefix(hoursRound),
- minutes: fill_zero_prefix(minutesRound),
- seconds: fill_zero_prefix(seconds),
- show_detail: 1
- }
- });
- if (total_micro_second <= 0) {
- clearTimeout(detailClearTime);
- detailClearTime = null;
- if (that.data.goods.over_type==0){
- that.authSuccess();
- }
- that.setData({
- endtime: {
- days: "00",
- hours: "00",
- minutes: "00",
- seconds: "00",
- }
- });
- return;
- }
- detailClearTime = setTimeout(function() {
- total_micro_second -= 1000;
- count_down(that, total_micro_second);
- }, 1000)
- }
- // 位数不足补零
- function fill_zero_prefix(num) {
- return num < 10 ? "0" + num : num
- }
- Page({
- /**
- * 页面的初始数据
- */
- data: {
- is_login: true,
- goodsIndex: 1,
- goods_id: 0,
- endtime: {
- days: "00",
- hours: "00",
- minutes: "00",
- seconds: "00",
- },
- is_share_html: true,
- stickyFlag: false,
- showSkeleton: true,
- imageSize: {
- imageWidth: "100%",
- imageHeight: 600
- },
- cartNum: 0,
- noIns: false,
- index_bottom_image: '',
- hideModal: true,
- shareImgUrl: '',
- goods_details_middle_image: '',
- is_show_buy_record: 0,
- stopNotify: true,
- iconArr: {
- home: '',
- car: ''
- },
- canvasWidth: 375,
- canvasHeight: 300,
- fmShow: true
- },
- $data: {
- stickyFlag: false,
- id: '',
- scene: '',
- community_id: 0
- },
- imageUrl: '',
- goodsImg: '',
- /**
- * 生命周期函数--监听页面加载
- */
- onLoad: function(options) {
- var that = this;
- status.setNavBgColor();
- status.setIcon().then(function (iconArr){
- that.setData({ iconArr });
- });
- var token = wx.getStorageSync('token');
- var scene = decodeURIComponent(options.scene);
- this.$data.id = options.id;
- this.$data.community_id = options.community_id;
- this.$data.scene = options.scene;
- wx.showLoading();
- if (!util.check_login()) {
- this.setData({
- is_login: false
- })
- wx.hideLoading();
- }
- let currentCommunity = wx.getStorageSync('community');
- let currentCommunity_id = (currentCommunity && currentCommunity.communityId) || '';
- if (!currentCommunity_id) {
- let community = {};
- if (options.community_id !== 'undefined' && options.community_id > 0) {
- community.communityId = options.community_id;
- }
- if (scene !== 'undefined') {
- var opt_arr = scene.split("_");
- options.community_id = opt_arr[2];
- community.communityId = options.community_id;
- }
- util.getCommunityInfo(community).then(function(res){
- console.log('step1')
- paramHandle();
- get_goods_details(res);
- }).catch((param)=>{
- console.log('step4 新人')
- if(Object.keys(param) != '') {
- that.addhistory(param, true);
- }
- });
- } else {
- console.log('step3')
- paramHandle();
- get_goods_details(currentCommunity);
- }
- if (options.share_id != 'undefined' && options.share_id > 0) wx.setStorage({ key: "share_id", data: options.share_id })
- function paramHandle(){
- console.log('step2')
- if (options.community_id != 'undefined' && options.community_id > 0) {
- getCommunityInfo(options.community_id);
- }
- if (scene != 'undefined') {
- //$goods_id.'_'.$member_id_community_id
- var opt_arr = scene.split("_");
- options.id = opt_arr[0];
- wx.setStorage({
- key: "share_id",
- data: opt_arr[1]
- })
- getCommunityInfo(opt_arr[2]);
- }
- function getCommunityInfo(c_id) {
- app.util.request({
- 'url': 'entry/wxapp/index',
- 'data': {
- controller: 'index.get_community_info',
- community_id: c_id
- },
- dataType: 'json',
- success: function (res) {
- if (res.data.code == 0) {
- var community = res.data.data;
- let hisCommunity = currentCommunity;
- let community_id = currentCommunity_id;
- if (c_id != community_id && that.data.is_login) {
- wx.showModal({
- title: '温馨提示',
- content: '是否切换为分享人所在小区“' + community.communityName,
- confirmColor: '#F75451',
- success(res) {
- if (res.confirm) {
- app.globalData.community = community;
- app.globalData.changedCommunity = true;
- wx.setStorage({
- key: "community",
- data: community
- })
- that.addhistory(community);
- get_goods_details(community);
- console.log('用户点击确定')
- } else if (res.cancel) {
- that.showNoBindCommunity();
- console.log('用户点击取消')
- }
- }
- })
- } else {
- console.log('step5')
- let oldCommunity = wx.getStorageSync('community');
- if (!oldCommunity){
- app.globalData.community = community;
- app.globalData.changedCommunity = true;
- wx.setStorage({ key: "community", data: community })
- }
- }
- }
- }
- })
- }
- that.setData({
- goods_id: options.id
- })
- }
-
- function get_goods_details(communityInfo){
- if (!options.id) {
- wx.hideLoading();
- wx.showModal({
- title: '提示',
- content: '参数错误',
- showCancel: false,
- confirmColor: '#F75451',
- success(res) {
- if (res.confirm) {
- wx.redirectTo({
- url: '/lionfish_comshop/pages/index/index',
- })
- }
- }
- })
- return false;
- }
- if (communityInfo) currentCommunity_id = communityInfo.communityId;
- app.util.request({
- 'url': 'entry/wxapp/index',
- 'data': {
- controller: 'goods.get_goods_detail',
- 'token': token,
- 'id': options.id,
- community_id: currentCommunity_id
- },
- dataType: 'json',
- success: function (res) {
- wx.hideLoading();
- let goods = res.data.data.goods;
- // 商品不存在
- if (!goods || goods.length == 0 || Object.keys(goods) == '') {
- wx.showModal({
- title: '提示',
- content: '该商品不存在,回首页',
- showCancel: false,
- confirmColor: '#F75451',
- success(res) {
- if (res.confirm) {
- wx.switchTab({
- url: '/lionfish_comshop/pages/index/index',
- })
- }
- }
- })
- }
- let comment_list = res.data.comment_list;
- comment_list.map(function (item) {
- 14 * item.content.length / app.globalData.systemInfo.windowWidth > 3 && (item.showOpen = true), item.isOpen = true;
- })
- // 幻灯片预览数组
- let goods_images = res.data.data.goods_image;
- let prevImgArr = [];
- goods_images.forEach(function(item){ prevImgArr.push(item.image); })
- //群分享
- let isopen_community_group_share = res.data.isopen_community_group_share || 0;
- let group_share_info = res.data.group_share_info;
- that.setData({
- order_comment_count: res.data.order_comment_count,
- comment_list: comment_list,
- goods: goods,
- options: res.data.data.options,
- order: {
- goods_id: res.data.data.goods.goods_id,
- pin_id: res.data.data.pin_id,
- },
- share_title: goods.share_title,
- buy_record_arr: res.data.data.buy_record_arr,
- goods_image: res.data.data.goods_image,
- goods_image_length: res.data.data.goods_image.length,
- service: goods.tag,
- showSkeleton: false,
- is_comunity_rest: res.data.is_comunity_rest,
- prevImgArr,
- open_man_orderbuy: res.data.open_man_orderbuy,
- man_orderbuy_money: res.data.man_orderbuy_money,
- goodsdetails_addcart_bg_color: res.data.goodsdetails_addcart_bg_color || 'linear-gradient(270deg, #f9c706 0%, #feb600 100%)',
- goodsdetails_buy_bg_color: res.data.goodsdetails_buy_bg_color || 'linear-gradient(90deg, #ff5041 0%, #ff695c 100%)',
- isopen_community_group_share,
- group_share_info
- },()=>{
- let goods_share_image = goods.goods_share_image;
- if (goods_share_image){
- console.log('draw分享图');
- status.download(goods_share_image + "?imageView2/1/w/500/h/400").then(function (a) {
- that.goodsImg = a.tempFilePath, that.drawImgNoPrice();
- });
- } else {
- console.log('draw价格');
- let shareImg = goods.image_thumb;
- status.download(shareImg + "?imageView2/1/w/500/h/400").then(function (a) {
- that.goodsImg = a.tempFilePath, that.drawImg();
- });
- }
- })
- if (res.data.is_comunity_rest == 1) {
- wx.showModal({
- title: '温馨提示',
- content: '团长休息中,欢迎下次光临!',
- showCancel: false,
- confirmColor: '#F75451',
- confirmText: '好的',
- success(res) { }
- })
- }
- let over_type = goods.over_type;
- var seconds = 0;
- if (over_type == 0) {
- seconds = (goods.begin_time - res.data.data.cur_time) * 1000;
- } else {
- seconds = (goods.end_time - res.data.data.cur_time) * 1000;
- }
- if (seconds > 0) {
- count_down(that, seconds);
- }
- var article = res.data.data.goods.description;
- WxParse.wxParse('article', 'html', article, that, 0, app.globalData.systemInfo);
- }
- })
- }
- // this.addhistory();
- this.get_instructions();
- this.setData({
- canvasWidth: app.globalData.systemInfo.windowWidth,
- canvasHeight: 0.8 * app.globalData.systemInfo.windowWidth
- })
- },
- //未绑定提示
- showNoBindCommunity: function(){
- wx.showModal({
- title: '提示',
- content: '您未绑定该小区,请切换后下单!',
- showCancel: false,
- confirmColor: '#F75451',
- success(res) {
- if (res.confirm) {
- wx.redirectTo({
- url: '/lionfish_comshop/pages/position/community',
- })
- }
- }
- })
- },
- /**
- * 授权成功回调
- */
- authSuccess: function() {
- var id = this.$data.id;
- var scene = this.$data.scene;
- var community_id = this.$data.community_id;
- wx.redirectTo({
- url: '/lionfish_comshop/pages/goods/goodsDetail?id=' + id + '&community_id=' + community_id + '&scene=' + scene,
- })
- },
- /**
- * 历史社区
- */
- addhistory: function (community, isNew=false) {
- var community_id = community.communityId;
- console.log('addhistory');
- var token = wx.getStorageSync('token');
- app.util.request({
- 'url': 'entry/wxapp/index',
- 'data': {
- controller: 'index.addhistory_community',
- community_id: community_id,
- 'token': token
- },
- dataType: 'json',
- success: function(res) {
- if(isNew){
- console.log('新人 社区')
- app.util.request({
- 'url': 'entry/wxapp/index',
- 'data': {
- controller: 'index.get_community_info',
- community_id: community_id
- },
- dataType: 'json',
- success: function (result) {
- if (result.data.code == 0) {
- let community = result.data.data;
- app.globalData.community = community;
- app.globalData.changedCommunity = true;
- wx.setStorage({ key: "community", data: community })
- }
- }
- })
- }
- }
- })
- },
- /**
- * 图片信息
- */
- imageLoad: function(e) {
- var imageSize = util.imageUtil(e)
- this.setData({
- imageSize
- })
- },
- /**
- * 获取服务信息
- */
- get_instructions: function() {
- let that = this;
- app.util.request({
- 'url': 'entry/wxapp/index',
- 'data': {
- controller: 'goods.get_instructions'
- },
- dataType: 'json',
- success: function(res) {
- if (res.data.code == 0) {
- var instructions = res.data.data.value;
- WxParse.wxParse('instructions', 'html', instructions, that, 25);
- if (instructions == '') that.setData({ noIns: true })
- that.setData({
- index_bottom_image: res.data.data.index_bottom_image,
- goods_details_middle_image: res.data.data.goods_details_middle_image,
- is_show_buy_record: res.data.data.is_show_buy_record,
- order_notify_switch: res.data.data.order_notify_switch,
- is_show_comment_list: res.data.data.is_show_comment_list,
- goods_details_price_bg: res.data.data.goods_details_price_bg,
- isShowContactBtn: res.data.data.index_service_switch || 0,
- goods_industrial_switch: res.data.data.goods_industrial_switch || 0,
- goods_industrial: res.data.data.goods_industrial || '',
- is_show_ziti_time: res.data.data.is_show_ziti_time || 0
- })
- }
- }
- })
- },
- /**
- * 页面滚动事件
- */
- onPageScroll: function(t) {
- !this.data.stickyFlag && t.scrollTop > 200 && (this.$data.stickyFlag = true, this.setData({
- stickyFlag: true
- })), this.$data.stickyFlag && t.scrollTop <= 200 && (this.$data.stickyFlag = false,
- this.setData({
- stickyFlag: false
- }));
- },
- /**
- * 返回顶部
- */
- returnTop: function() {
- this.stickyFlag = false;
- this.setData({
- stickyFlag: false
- });
- wx.pageScrollTo({
- scrollTop: 0,
- duration: 500
- });
- },
- /**
- * 加入购物车
- */
- addToCart: function(e) {
- var that = this;
- var from_id = e.detail.formId;
- var token = wx.getStorageSync('token');
- app.util.request({
- 'url': 'entry/wxapp/user',
- 'data': {
- controller: 'user.get_member_form_id',
- 'token': token,
- "from_id": from_id
- },
- dataType: 'json',
- success: function(res) {}
- })
- that.setData({
- is_just_addcar: 1
- })
- //加入购物车
- that.openSku();
- },
- /**
- * 打开购物车
- */
- openSku: function() {
- var that = this;
- var goods_id = this.data.goods_id;
- var options = this.data.options;
- that.setData({
- addCar_goodsid: goods_id
- })
- console.log(options);
- let list = options.list || [];
- let arr = [];
- if (list.length > 0) {
- for (let i = 0; i < list.length; i++) {
- let sku = list[i]['option_value'][0];
- let temp = {
- name: sku['name'],
- id: sku['option_value_id'],
- index: i,
- idx: 0
- };
- arr.push(temp);
- }
- //把单价剔除出来begin
- var id = '';
- for (let i = 0; i < arr.length; i++) {
- if (i == arr.length - 1) {
- id = id + arr[i]['id'];
- } else {
- id = id + arr[i]['id'] + "_";
- }
- }
- var cur_sku_arr = options.sku_mu_list[id];
- that.setData({
- sku: arr,
- sku_val: 1,
- cur_sku_arr: cur_sku_arr,
- skuList: options,
- visible: true,
- showSku: true
- });
- } else {
- let goods = this.data.goods;
- let cur_sku_arr = {
- canBuyNum: goods.total,
- spuName: goods.goodsname,
- actPrice: goods.actPrice,
- marketPrice: goods.marketPrice,
- stock: goods.total,
- skuImage: goods.image_thumb
- }
- that.setData({
- sku: [],
- sku_val: 1,
- cur_sku_arr: cur_sku_arr,
- skuList: [],
- visible: true,
- showSku: true
- })
- // let formIds = {
- // detail: {
- // formId: ""
- // }
- // };
- // formIds.detail.formId = "the formId is a mock one";
- // that.gocarfrom(formIds);
- //todo...addcart
- }
- },
- /**
- * 确认购物车
- */
- gocarfrom: function(e) {
- var that = this;
- var is_just_addcar = this.data.is_just_addcar;
- wx.showLoading();
- var token = wx.getStorageSync('token');
- app.util.request({
- 'url': 'entry/wxapp/user',
- 'data': {
- controller: 'user.get_member_form_id',
- 'token': token,
- "from_id": e.detail.formId
- },
- dataType: 'json',
- success: function(res) {}
- })
- that.goOrder();
- },
- /**
- * 关闭购物车
- */
- closeSku: function() {
- this.setData({
- visible: 0,
- stopClick: false,
- });
- },
- goOrder: function() {
- var that = this;
- if (that.data.can_car) {
- that.data.can_car = false;
- }
- let open_man_orderbuy = this.data.open_man_orderbuy;
- if (open_man_orderbuy == 1 && this.data.is_just_addcar==0){
- let man_orderbuy_money = this.data.man_orderbuy_money*1;
- let sku_val = this.data.sku_val;
- let cur_sku_arr = this.data.cur_sku_arr;
- let actPrice = cur_sku_arr.actPrice[0] + '.' + cur_sku_arr.actPrice[1];
- console.log(actPrice * 1 * sku_val);
- if (actPrice * 1 * sku_val < man_orderbuy_money){
- wx.showToast({
- title: '满' + man_orderbuy_money + '元可下单!',
- icon: 'none'
- })
- return false;
- }
- }
- var token = wx.getStorageSync('token');
- var community = wx.getStorageSync('community');
- var goods_id = that.data.goods_id;
- var community_id = community.communityId;
- var quantity = that.data.sku_val;
- var cur_sku_arr = that.data.cur_sku_arr;
- var sku_str = '';
- var is_just_addcar = that.data.is_just_addcar;
- if (cur_sku_arr && cur_sku_arr.option_item_ids) {
- sku_str = cur_sku_arr.option_item_ids;
- }
- //addCar_goodsid: goods_id
- app.util.request({
- 'url': 'entry/wxapp/user',
- 'data': {
- controller: 'car.add',
- 'token': token,
- "goods_id": goods_id,
- "community_id": community_id,
- "quantity": quantity,
- "sku_str": sku_str,
- "buy_type": 'dan',
- "pin_id": 0,
- "is_just_addcar": is_just_addcar
- },
- dataType: 'json',
- method: 'POST',
- success: function(res) {
- //console.log(res);
- if (res.data.code == 3) {
- wx.showToast({
- title: res.data.msg,
- icon: 'none',
- duration: 2000
- })
- } else if (res.data.code == 4) {
- wx.showToast({
- title: '您未登录',
- duration: 2000,
- })
- that.setData({
- is_login: false
- })
- } else if (res.data.code == 6) {
- var msg = res.data.msg;
- let max_quantity = res.data.max_quantity || '';
- (max_quantity > 0) && that.setData({ sku_val: max_quantity })
- wx.showToast({
- title: msg,
- icon: 'none',
- duration: 2000
- })
- } else {
- if (is_just_addcar == 1) {
- that.closeSku();
- wx.showToast({
- title: "已加入购物车",
- image: "../../images/addShopCart.png"
- })
- app.globalData.cartNum = res.data.total
- that.setData({
- cartNum: res.data.total
- });
- status.indexListCarCount(goods_id);
- } else {
- var is_limit = res.data.is_limit_distance_buy;
- var pages_all = getCurrentPages();
- if (pages_all.length > 3) {
- wx.redirectTo({
- url: '/lionfish_comshop/pages/order/placeOrder?type=dan&is_limit=' + is_limit
- })
- } else {
- wx.navigateTo({
- url: '/lionfish_comshop/pages/order/placeOrder?type=dan&is_limit=' + is_limit
- })
- }
- }
- }
- }
- })
- },
- selectSku: function(event) {
- var that = this;
- let str = event.currentTarget.dataset.type;
- let obj = str.split("_");
- let arr = that.data.sku;
- let temp = {
- name: obj[3],
- id: obj[2],
- index: obj[0],
- idx: obj[1]
- };
- arr.splice(obj[0], 1, temp);
- that.setData({
- sku: arr
- })
- var id = '';
- for (let i = 0; i < arr.length; i++) {
- if (i == arr.length - 1) {
- id = id + arr[i]['id'];
- } else {
- id = id + arr[i]['id'] + "_";
- }
- }
- var options = this.data.skuList;
- var cur_sku_arr = options.sku_mu_list[id];
- that.setData({
- cur_sku_arr: cur_sku_arr
- });
- console.log(id);
- },
- submit: function(e) {
- var from_id = e.detail.formId;
- var token = wx.getStorageSync('token');
- app.util.request({
- 'url': 'entry/wxapp/user',
- 'data': {
- controller: 'user.get_member_form_id',
- 'token': token,
- "from_id": from_id
- },
- dataType: 'json',
- success: function(res) {}
- })
- },
- balance: function(e) {
- console.log(3);
- this.setData({
- is_just_addcar: 0
- })
- //加入购物车
- this.openSku();
- },
- /**
- * 数量加减
- */
- setNum: function(event) {
- let types = event.currentTarget.dataset.type;
- var that = this;
- var num = 1;
- let sku_val = this.data.sku_val * 1;
- if (types == 'add') {
- num = sku_val + 1;
- } else if (types == 'decrease') {
- if (sku_val > 1) {
- num = sku_val - 1;
- }
- }
- let arr = that.data.sku;
- var options = this.data.skuList;
- if (arr.length > 0) {
- var id = '';
- for (let i = 0; i < arr.length; i++) {
- if (i == arr.length - 1) {
- id = id + arr[i]['id'];
- } else {
- id = id + arr[i]['id'] + "_";
- }
- }
- }
- if (options.length > 0) {
- var cur_sku_arr = options.sku_mu_list[id];
- if (num > cur_sku_arr['canBuyNum']) {
- num = num - 1;
- }
- } else {
- let cur_sku_arr = this.data.cur_sku_arr;
- if (num > cur_sku_arr['canBuyNum']) {
- num = num - 1;
- }
- }
- this.setData({
- sku_val: num
- })
- },
- scrollImagesChange: function(t) {
- this.videoContext.pause();
- this.setData({
- fmShow: true,
- goodsIndex: t.detail.current + 1
- });
- },
- share_handler: function() {
- this.setData({
- is_share_html: false
- })
- },
- hide_share_handler: function() {
- this.setData({
- is_share_html: true
- })
- },
- share_quan: function() {
- wx.showLoading({
- title: '获取中',
- })
- var token = wx.getStorageSync('token');
- var community = wx.getStorageSync('community');
- var goods_id = this.data.order.goods_id;
- var community_id = community.communityId;
- var that = this;
- app.util.request({
- 'url': 'entry/wxapp/index',
- 'data': {
- controller: 'goods.get_user_goods_qrcode',
- "token": token,
- community_id: community_id,
- "goods_id": goods_id
- },
- dataType: 'json',
- success: function(res) {
- if (res.data.code == 0) {
- setTimeout(function() {
- wx.hideLoading()
- }, 2000)
- var image_path = res.data.image_path;
- wx.getImageInfo({
- src: image_path,
- success: function(res) {
- var real_path = res.path;
- wx.saveImageToPhotosAlbum({
- filePath: real_path,
- success(res) {
- wx.showToast({
- title: '图片保存成功,可以分享了',
- icon: 'none',
- duration: 2000
- })
- that.setData({
- is_share_html: true
- });
- }
- })
- }
- })
- }
- }
- })
- },
- /**
- * 生命周期函数--监听页面显示
- */
- onShow: function() {
- this.setData({
- cartNum: app.globalData.cartNum,
- stopNotify: false
- });
- },
- onReady: function (res) {
- this.videoContext = wx.createVideoContext('myVideo');
- },
- /**
- * 生命周期函数--监听页面隐藏
- */
- onHide: function() {
- this.setData({ stopNotify: true })
- console.log('详情页hide', this.data.stopNotify)
- },
- /**
- * 生命周期函数--监听页面卸载
- */
- onUnload: function() {
- console.log('onUnload')
- this.setData({ stopNotify: true })
- console.log('详情页unload', this.data.stopNotify);
- detailClearTime = null;
- clearTimeout(detailClearTime);
- },
- /**
- * 获取分享图并显示
- * 20181225 新形式
- */
- get_share_img: function () {
- wx.showLoading();
- let shareImgUrl = this.data.shareImgUrl;
- if (shareImgUrl != '') {
- wx.hideLoading();
- this.setData({
- hideModal: false,
- is_share_html: true
- })
- } else {
- var token = wx.getStorageSync('token');
- var community = wx.getStorageSync('community');
- var goods_id = this.data.goods_id;
- var community_id = community.communityId;
- var that = this;
- app.util.request({
- 'url': 'entry/wxapp/index',
- 'data': {
- controller: 'goods.get_user_goods_qrcode',
- "token": token,
- community_id: community_id,
- "goods_id": goods_id
- },
- dataType: 'json',
- success: function (res) {
- if (res.data.code == 0) {
- wx.hideLoading();
- var image_path = res.data.image_path;
- wx.previewImage({
- current: image_path, // 当前显示图片的http链接
- urls: [image_path] // 需要预览的图片http链接列表
- })
- // that.setData({
- // shareImgUrl: image_path,
- // is_share_html: true,
- // hideModal: false
- // })
- }
- }
- })
- }
- },
- closeShareModal: function () {
- this.setData({ hideModal: true })
- },
- /**
- * 展开收起
- */
- bindOpen: function (t) {
- var idx = t.currentTarget.dataset.idx;
- console.log(idx)
- if (this.data.comment_list[idx].isOpen) {
- this.data.comment_list[idx].isOpen = false;
- var comment_list = this.data.comment_list;
- this.setData({
- comment_list: comment_list
- });
- } else {
- this.data.comment_list[idx].isOpen = true;
- var comment_list = this.data.comment_list;
- this.setData({
- comment_list: comment_list
- });
- }
- },
- /**
- * 保存分享图并显示
- * 20181225 新形式
- */
- saveThumb: function (e) {
- wx.showLoading();
- let that = this;
- var image_path = this.data.shareImgUrl;
- wx.getImageInfo({
- src: image_path,
- success: function (res) {
- var real_path = res.path;
- real_path && wx.saveImageToPhotosAlbum({
- filePath: real_path,
- success(res) {
- console.log(res)
- wx.hideLoading();
- wx.showToast({
- title: '已保存相册',
- icon: 'none',
- duration: 2000
- })
- that.setData({
- hideModal: true
- });
- },
- fail: function (res) {
- wx.hideLoading();
- console.log(res)
- if (res.errMsg === "saveImageToPhotosAlbum:fail:auth denied") {
- wx.openSetting({
- success(settingdata) {
- if (settingdata.authSetting["scope.writePhotosAlbum"]) {
- console.log("获取权限成功,再次点击图片保存到相册")
- } else {
- console.log("获取权限失败")
- }
- }
- })
- }
- }
- })
- }
- })
- },
- drawImgNoPrice: function () {
- var t = this;
- wx.createSelectorQuery().select(".canvas-img").boundingClientRect(function () {
- const context = wx.createCanvasContext("myCanvas");
- context.drawImage(t.goodsImg, 0, 0, status.getPx(375), status.getPx(300));
- if (t.data.goods.video) context.drawImage("../../images/play.png", status.getPx(150), status.getPx(105), status.getPx(76), status.getPx(76));
- context.save();
- context.restore(), context.draw(false, t.checkCanvasNoPrice());
- }).exec();
- },
- checkCanvasNoPrice: function () {
- var that = this;
- setTimeout(() => {
- wx.canvasToTempFilePath({
- canvasId: "myCanvas",
- success: function (res) {
- res.tempFilePath ? that.imageUrl = res.tempFilePath : that.drawImgNoPrice();
- console.log('我画完了')
- },
- fail: function (a) {
- that.drawImgNoPrice();
- }
- })
- }, 500)
- },
- drawImg: function () {
- let endtime = this.data.endtime;
- let shareTime = (endtime.days > 0 ? endtime.days + '天' : '') + endtime.hours + ':' + endtime.minutes + ':' + endtime.seconds;
- var t = this;
- wx.createSelectorQuery().select(".canvas-img").boundingClientRect(function () {
- const context = wx.createCanvasContext("myCanvas");
- context.font = "28px Arial";
- var e = context.measureText("¥").width + 2;
- var o = context.measureText(t.data.goods.price_front + "." + t.data.goods.price_after).width;
- context.font = "17px Arial";
- var s = context.measureText("¥" + t.data.goods.productprice).width + 3,
- n = context.measureText("累计销售 " + t.data.goods.seller_count).width,
- u = context.measureText("· 剩余" + t.data.goods.total + " ").width + 10;
- context.font = "18px Arial";
- var r = context.measureText("距结束").width;
- var d = context.measureText(shareTime).width + 10;
- context.drawImage(t.goodsImg, 0, 0, status.getPx(375), status.getPx(300));
- context.drawImage("../../images/shareBottomBg.png", status.getPx(0), status.getPx(225), status.getPx(375), status.getPx(75));
- if (t.data.goods.video) context.drawImage("../../images/play.png", status.getPx(149.5), status.getPx(74.5), status.getPx(76), status.getPx(76));
- context.save();
- status.drawText(context, { color: "#ffffff", size: 28, textAlign: "left" }, "¥", status.getPx(6), status.getPx(267), status.getPx(e));
- status.drawText(context, { color: "#ffffff", size: 28, textAlign: "left" }, t.data.goods.price_front + "." + t.data.goods.price_after,
- status.getPx(e), status.getPx(267), status.getPx(o));
- context.restore();
- context.save();
- context.restore(),
- context.save(),
- (0, status.drawText)(context,
- { color: "#ffffff", size: 15, textAlign: "left" },
- "¥" + t.data.goods.productprice,
- (0, status.getPx)(e + o + 10),
- (0, status.getPx)(267),
- (0, status.getPx)(s)
- ),
- context.restore(),
- context.save(),
- (0, status.drawText)(
- context,
- { color: "#ffffff", size: 17, textAlign: "left" },
- "累计销售" + t.data.goods.seller_count,
- (0, status.getPx)(10),
- (0, status.getPx)(290),
- (0, status.getPx)(n)
- ),
- context.restore(),
- context.save(),
- (0, status.drawText)(context,
- { color: "#ffffff", size: 17, textAlign: "left" },
- "· 剩余" + t.data.goods.total,
- (0, status.getPx)(n + 10),
- (0, status.getPx)(290),
- (0, status.getPx)(u)
- ),
- context.restore(),
- context.save(),
- context.beginPath(),
- context.setStrokeStyle("white"),
- context.moveTo((0, status.getPx)(e + o + 10),
- (0, status.getPx)(261)),
- context.lineTo((0, status.getPx)(e + o + s + 15),
- (0, status.getPx)(261)),
- context.stroke(),
- context.restore(),
- context.save(),
- (0, status.drawText)(context,
- { color: "#F8E71C", size: 18, textAlign: "center" },
- "距结束",
- (0, status.getPx)(318),
- (0, status.getPx)(260),
- (0, status.getPx)(r)
- ),
- context.restore(),
- context.save(),
- (0, status.drawText)(context, { color: "#F8E71C", size: 18, textAlign: "center" },
- shareTime,
- (0, status.getPx)(315),
- (0, status.getPx)(288),
- (0, status.getPx)(d)
- ),
- context.restore();
- context.draw(false, t.checkCanvas());
- }).exec();
- },
-
- checkCanvas: function () {
- var that = this;
- setTimeout(() => {
- wx.canvasToTempFilePath({
- canvasId: "myCanvas",
- success: function (res) {
- res.tempFilePath ? that.imageUrl = res.tempFilePath : that.drawImg();
- console.log('我画完了')
- },
- fail: function (a) {
- that.drawImg();
- }
- })
- }, 500)
- },
- previewImg: function(e){
- let idx = e.currentTarget.dataset.idx || 0;
- let prevImgArr = this.data.prevImgArr;
- wx.previewImage({
- current: prevImgArr[idx],
- urls: prevImgArr
- })
- },
- /**
- * 播放视频隐藏封面图
- */
- btnPlay: function () {
- this.setData({
- fmShow: false
- })
- this.videoContext.play();
- },
- videEnd: function(){
- this.setData({
- fmShow: true
- })
- },
- endPlay: function(){
- this.videoContext.pause();
- this.setData({
- fmShow: true
- })
- },
- // 显示群主二维码
- showGroupCode: function(){
- let group_share_info = this.data.group_share_info;
- let imgUrl = group_share_info.share_wxcode || '';
- imgUrl && wx.previewImage({
- current: imgUrl, // 当前显示图片的http链接
- urls: [imgUrl] // 需要预览的图片http链接列表
- })
- // wx.showToast({
- // title: '长按保存',
- // icon: 'none',
- // duration: 3000
- // })
- },
- /**
- * 用户点击右上角分享
- */
- onShareAppMessage: function() {
- var community = wx.getStorageSync('community');
- var goods_id = this.data.goods_id;
- var community_id = community.communityId;
- var share_title = this.data.share_title;
- var share_id = wx.getStorageSync('member_id');
- var share_path = 'lionfish_comshop/pages/goods/goodsDetail?id=' + this.data.goods_id + '&share_id=' + share_id + '&community_id=' + community_id;
- let shareImg = this.data.goods.goods_share_image;
- console.log('商品分享地址:');
- console.log(share_path);
-
- var that = this;
- that.setData({is_share_html: true, hideModal: true})
- return {
- title: share_title,
- path: share_path,
- imageUrl: shareImg ? shareImg:that.imageUrl,
- success: function(res) {
- // 转发成功
- },
- fail: function(res) {
- // 转发失败
- }
- }
- }
- })
|