zhongshen_project/addon/pc/source/os/assets/js/goods/detail.js

import {
  goodsSkuDetail,
  aftersale,
  modifyClicks,
  addGoodsbrowse,
  goodsSkuInfo,
  goodsQrcode,
  evaluateConfig
} from "@/api/goods/goods"
import {
  goodsCategoryInfo
} from "@/api/goods/goodscategory"
import {
  isCollect,
  addCollect,
  deleteCollect
} from "@/api/goods/goods_collect"
import {
  couponTypeList,
  couponReceive,
  goodsCoupon
} from "@/api/coupon"
import {
  bundlingList
} from "@/api/bundling"
import {
  goodsEvaluateList,
  goodsEvaluateCount
} from "@/api/goods/evaluate"
import {
  mapGetters
} from "vuex"
import CountDown from "vue2-countdown"
// import {
// 	shopIsSubscribe,
// 	addShopSubscribe,
// 	deleteShopSubscribe
// } from "@/api/shop";
import {
  getArea
} from "@/api/address";
import {
  shopServiceOpen
} from "@/api/website.js"
import {
  cartList
} from "@/api/goods/cart"

import {
  getToken
} from '@/utils/auth.js'
export default {
  data: () => {
    return {
      id: 0,
      skuId: 0,
      loading: true,

      picZoomUrl: "",
      thumbPosition: 0,
      // 是否可以移动
      moveThumbLeft: false,
      moveThumbRight: false,

      // 商品详情
      goodsSkuDetail: {
        video_url: ""
      },
      evaluate_show: false, //评论是否显示
      discountText: "距离结束仅剩",
      discountTimeMachine: {
        currentTime: 0,
        startTime: 0,
        endTime: 0
      },
      qrcode: "",
      specDisabled: false,
      specBtnRepeat: false, //防止重复
      btnSwitch: false,

      // 店铺详情
      whetherCollection: 0,

      couponList: [], //优惠券列表
      couponBtnRepeat: false, //获取优惠券防止重复提交

      manjian: {}, //满减活动列表

      //评价
      currentPage: 1,
      pageSize: 10,
      total: 0,
      evaluaType: 0, //评价类型
      evaluteCount: {}, //评价数量
      goodsEvaluateList: [],
      //组合套餐
      bundling: [{
        bundling_goods: {
          bl_name: "",
          sku_image: ""
        }
      }],
      service: null,
      service_is_display: '', //售后保障
      number: 1,
      tabName: "detail",
      tabBundling: "",
      playerOptions: {
        playbackRates: [0.5, 1.0, 1.5, 2.0, 3.0], // 可选的播放速度
        autoplay: false, // 如果为true,浏览器准备好时开始回放。
        muted: false, // 默认情况下将会消除任何音频。
        loop: false, // 是否视频一结束就重新开始。
        preload: "auto", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）
        language: "zh-CN",
        aspectRatio: "16:9", // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
        fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。
        sources: [{
          type: "video/mp4", // 类型
          src: "" // url地址
        }],
        poster: "", // 封面地址
        notSupportedMessage: "此视频暂无法播放，请稍后再试", // 允许覆盖Video.js无法播放媒体源时显示的默认信息。
        controlBar: {
          timeDivider: true, // 当前时间和持续时间的分隔符
          durationDisplay: true, // 显示持续时间
          remainingTimeDisplay: true, // 是否显示剩余时间功能
          fullscreenToggle: true // 是否显示全屏按钮
        }
      },
      switchMedia: "img",

      // 是否关注店铺
      hasFollow: false,

      // 客服配置
      kefuConfig: {
        system: '',
        open_pc: '',
        open_url: ''
      },

      // 省市区县
      provinceArr: {},
      cityArr: {},
      districtArr: {},

      // 省市区县 id
      currTabAddres: "province",
      hideRegion: false,
      selectedAddress: {},
      service_list: [], //商品服务
      cartListNum: 0, //购物车列表下当前商品的数量
      listNum: false, //限购是
      shopNum: "",
      seoInfo: {
        title: '',
        keywords: ''
      },
      categoryNameArr: []
    }
  },
  components: {
    CountDown
  },
  head() {
    return {
      title: this.seoInfo.title,
      meta: [{
          name: "description",
          content: this.seoInfo.title
        },
        {
          name: "keyword",
          content: this.seoInfo.keywords
        }
      ]
    }
  },
  asyncData({
    params
  }) {
    return goodsSkuInfo({
        sku_id: params.id
      })
      .then(res => {
        if (res.code == 0 && res.data) {
          let data = res.data
          return {
            seoInfo: {
              title: data.goods_name,
              keywords: data.keywords
            }
          }
        }
      }).catch(res => {})
  },
  created() {
    this.skuId = this.$route.params.id
    this.getGoodsSkuDetail()
  },
  computed: {
    ...mapGetters(["token", "siteInfo", "defaultHeadImage", "defaultShopImage", "defaultGoodsImage", "addonIsExit",
      'locationRegion'
    ])
  },
  watch: {
    $route: function(curr) {
      this.skuId = curr.params.id
      this.getGoodsSkuDetail()
    }
  },
  methods: {
    shopServiceOpen() {
      shopServiceOpen().then((res) => {
        if (res.code == 0) {
          this.kefuConfig = res.data;
        }
      })
    },
    service_link() {
      if (this.token) {
        this.$refs.servicerMessage.show();
      } else {
        this.$message({
          message: "您还未登录",
          type: "warning"
        })
      }
    },
    tabChange(tab, event) {},
    bundlingChange(tab, event) {},
    getGoodsSkuDetail() {
      goodsSkuDetail({
          sku_id: this.skuId
        })
        .then(res => {
          let data = res.data
          if (data.goods_sku_detail != null) {
            let categoryIdArr = data.goods_sku_detail.category_id.split(",")
            categoryIdArr = categoryIdArr.filter((item) => {
              return item && item.trim()
            });
            this.categorySearch(categoryIdArr[categoryIdArr.length - 1]);
            this.goodsSkuDetail = data.goods_sku_detail
            this.service_list = data.goods_sku_detail.goods_service
            if (this.min_buy > 0) this.number = this.min_buy
            this.id = this.goodsSkuDetail.goods_id

            if (this.skuId == 0) this.skuId = this.goodsSkuDetail.sku_id

            if (this.goodsSkuDetail.sku_images) this.goodsSkuDetail.sku_images = this.goodsSkuDetail.sku_images.split(
              ",");
            else this.goodsSkuDetail.sku_images = [];

            // 多规格时合并主图
            if (this.goodsSkuDetail.goods_spec_format && this.goodsSkuDetail.goods_image) {
              this.goodsSkuDetail.goods_image = this.goodsSkuDetail.goods_image.split(",");
              this.master_img = this.goodsSkuDetail.goods_image
              this.goodsSkuDetail.sku_images = this.goodsSkuDetail.goods_image.concat(this.goodsSkuDetail.sku_images);
            }

            //媒体
            if (this.goodsSkuDetail.video_url) {
              this.switchMedia = "video"
              this.playerOptions.poster = this.$img(this.goodsSkuDetail.sku_images[0])
              this.playerOptions.sources[0].src = this.$img(this.goodsSkuDetail.video_url)
            }

            this.picZoomUrl = this.goodsSkuDetail.sku_images[0]

            this.goodsSkuDetail.unit = this.goodsSkuDetail.unit || "件"

            // 当前商品SKU规格
            if (this.goodsSkuDetail.sku_spec_format) this.goodsSkuDetail.sku_spec_format = JSON.parse(this
              .goodsSkuDetail.sku_spec_format)

            // 商品属性
            if (this.goodsSkuDetail.goods_attr_format) {
              let goods_attr_format = JSON.parse(this.goodsSkuDetail.goods_attr_format);
              this.goodsSkuDetail.goods_attr_format = this.$util.unique(goods_attr_format, "attr_id");
              for (var i = 0; i < this.goodsSkuDetail.goods_attr_format.length; i++) {
                for (var j = 0; j < goods_attr_format.length; j++) {
                  if (this.goodsSkuDetail.goods_attr_format[i].attr_id == goods_attr_format[j].attr_id && this
                    .goodsSkuDetail.goods_attr_format[
                      i].attr_value_id != goods_attr_format[j].attr_value_id) {
                    this.goodsSkuDetail.goods_attr_format[i].attr_value_name += "、" + goods_attr_format[j]
                      .attr_value_name;
                  }
                }
              }
            }

            // 商品SKU格式
            if (this.goodsSkuDetail.goods_spec_format) this.goodsSkuDetail.goods_spec_format = JSON.parse(this
              .goodsSkuDetail
              .goods_spec_format)

            window.document.title = `${this.goodsSkuDetail.sku_name} - ${this.siteInfo.site_name}`

            // 限时折扣
            if (this.goodsSkuDetail.promotion_type == 1 && this.addonIsExit.discount) {
              //检测倒计时
              if (this.goodsSkuDetail.end_time - res.timestamp > 0) {
                this.discountTimeMachine = {
                  currentTime: res.timestamp,
                  startTime: res.timestamp,
                  endTime: this.goodsSkuDetail.end_time
                }
              } else {
                this.goodsSkuDetail.promotion_type = 0
              }
            }

            // 满减
            if (this.goodsSkuDetail.manjian) this.getManjian(this.goodsSkuDetail.manjian);

            // 优惠券
            if (this.goodsSkuDetail.coupon_list) {
              this.couponList = this.goodsSkuDetail.coupon_list;
              this.couponList.forEach(v => {
                if (v.count == v.lead_count) v.useState = 2;
                else if (v.max_fetch != 0 && v.member_coupon_num && v
                  .member_coupon_num >= v.max_fetch) v.useState = 1;
                else v.useState = 0;
              });
              this.couponList = this.couponList.sort(this.sortBy('useState'))
            }

            // 组合套餐
            if (this.goodsSkuDetail.bundling_list) {
              this.handleBundlingData(this.goodsSkuDetail.bundling_list);
            }

            this.shopServiceOpen()

            // this.evaluteCount = this.goodsSkuDetail.evaluate_count;
            this.evaluateConfig = this.goodsSkuDetail.evaluate_config;
            if (this.evaluateConfig.evaluate_show == 1) {
              //商品评论
              this.evaluate_show = true
              this.goodsEvaluCount();
              this.getGoodsEvaluate();
            }

            this.loading = false

          } else {
            this.$router.push("/")
          }
        })
        .then(res => {
          if (this.token != "") {
            this.getWhetherCollection()
            // this.isFollow()
          }
          this.getAftersale()
          this.modifyGoodsInfo()
          this.getGoodsQrcode()
          this.getAddress('province', null, true);
          if (!this.locationRegion) {

            this.$store.commit("app/SET_LOCATION_REGION", {
              "level_1": {
                "id": 110000,
                "pid": 0,
                "name": "北京市",
                "shortname": "北京",
                "longitude": "116.40529",
                "latitude": "39.904987",
                "level": 1,
                "sort": 1,
                "status": 1,
                "default_data": 1
              },
              "level_2": {
                "id": 110100,
                "pid": 110000,
                "name": "北京市",
                "shortname": "北京",
                "longitude": "116.40529",
                "latitude": "39.904987",
                "level": 2,
                "sort": 1,
                "status": 1,
                "default_data": 1
              },
              "level_3": {
                "id": 110101,
                "pid": 110100,
                "name": "东城区",
                "shortname": "东城",
                "longitude": "116.418755",
                "latitude": "39.917545",
                "level": 3,
                "sort": 3,
                "status": 1,
                "default_data": 1
              },
              master_img: []
            });
          }

          this.selectedAddress = this.locationRegion;
          this.provinceId = this.selectedAddress.level_1.id
          this.getAddress('city', null, true, () => {
            this.cityId = this.selectedAddress.level_2.id
            if (this.cityId) this.getAddress('district', null, true)
          });
        })
        .catch(res => {
          this.loading = false
          this.$router.push("/")
        })
    },
    categorySearch(category_id) {
      goodsCategoryInfo({
        category_id: category_id
      }).then(res => {
        if (res.code == 0 && res.data) {
          this.categoryNameArr = [];
          try {
            let categoryArr = res.data.category_full_name.split("$_SPLIT_$");
            categoryArr.forEach((item, index) => {
              let obj = {};
              obj.name = item;
              obj.category_id = res.data["category_id_" + (index + 1)];
              this.categoryNameArr.push(obj);
            })
          } catch (e) {
            this.categoryNameArr = [];
          }
        }

      }).catch(err => {

      })
    },
    sortBy(field) {
      //根据传过来的字段进行排序,y-x 得分从高到低，x-y 从低到高
      return (y, x) => {
        return y[field] - x[field]
      }
    },
    changeThumbImg(tag) {
      if (this.goodsSkuDetail.sku_images.length < 4) return
      let page = this.goodsSkuDetail.sku_images.length % 4 // 可见数量4个
      let position = 94
      if (page == 0) page = this.goodsSkuDetail.sku_images.length - 4 // 可见数量4个
      else if (page != 0 && page != 1 && page < 2) return

      if (tag == "prev") {
        if (this.thumbPosition != 0 && Math.round(this.thumbPosition, 2) != position) {
          this.thumbPosition += position
          // this.moveThumbLeft = true;
        } else {
          // this.moveThumbLeft = false;
        }
      } else if (tag == "next") {
        if (Math.round(this.thumbPosition, 2) != -Math.round(position * page, 2)) {
          this.thumbPosition -= position
          // this.moveThumbRight = true;
        } else {
          // this.moveThumbRight = false;
        }
      }
    },
    //获取用户是否关注
    getWhetherCollection() {
      isCollect({
        goods_id: this.goodsSkuDetail.goods_id
      }).then(res => {
        this.whetherCollection = res.data
      })
    },
    editCollection() {
      //未关注添加关注
      if (this.whetherCollection == 0) {
        addCollect({
            sku_id: this.skuId,
            goods_id: this.goodsSkuDetail.goods_id
          }).then(res => {
            var data = res.data
            if (data > 0) {
              this.whetherCollection = 1
              this.goodsSkuDetail.collect_num++
            }
          })
          .catch(err => {
            if (err.message == '您尚未登录，请先进行登录') {
              this.$router.push('/auth/login');
            }
            this.btnSwitch = false
          })
      } else {
        //已关注取消关注
        deleteCollect({
            goods_id: this.goodsSkuDetail.goods_id
          }).then(res => {
            var data = res.data
            if (data > 0) {
              this.whetherCollection = 0
              this.goodsSkuDetail.collect_num--
            }
          })
          .catch(err => {
            if (err.message == '您尚未登录，请先进行登录') {
              this.$router.push('/auth/login');
            }
            this.btnSwitch = false
          })
      }
    },
    //获取满减信息
    getManjian(data) {
      this.manjian = data;
      let limit = data.type == 0 ? '元' : '件';
      Object.keys(data.rule_json).forEach((key) => {
        var item = data.rule_json[key];
        if (item.coupon_data) {
          for (var i = 0; i < item.coupon_data.length; i++) {
            item.coupon_data[i].coupon_num = item.coupon_num[i]
          }
        }
        item.limit = data.type == 0 ? parseFloat(item.limit).toFixed(2) :
          parseInt(item.limit);
        // 满减
        if (item.discount_money != undefined) {
          if (this.manjian.manjian == undefined) {
            this.manjian.manjian = '满' + item.limit + limit + '减' + item
              .discount_money + '元';
          } else {
            this.manjian.manjian += '；满' + item.limit + limit + '减' + item
              .discount_money + '元';
          }
        }
        // 满送
        if (item.point != undefined || item.coupon != undefined) {
          let text = '';
          if (item.point != undefined) {
            text = '送' + item.point + '积分';
          }
          if (item.coupon != undefined && item.coupon_data != undefined) {
            item.coupon_data.forEach((couponItem, couponIndex) => {
              if (couponItem.type == 'discount') {
                if (text == '') text = '送' + item.coupon_num[
                  couponIndex] + '张' + parseFloat(
                  couponItem.discount) + '折优惠券';
                else text += '、送' + item.coupon_num[
                  couponIndex] + '张' + parseFloat(
                  couponItem
                  .discount) + '折优惠券';
              } else {
                if (text == '') text = '送' + item.coupon_num[
                  couponIndex] + '张' + parseFloat(
                  couponItem.money) + '元优惠券';
                else text += '、送' + item.coupon_num[
                  couponIndex] + '张' + parseFloat(
                  couponItem
                  .money) + '元优惠券';
              }
            })
          }
          if (this.manjian.mansong == undefined) {
            this.manjian.mansong = '满' + item.limit + limit + text;
          } else {
            this.manjian.mansong += '；' + '满' + item.limit + limit + text;
          }
        }
        // 包邮
        if (item.free_shipping != undefined) {
          if (this.manjian.free_shipping == undefined) {
            this.manjian.free_shipping = '满' + item.limit + limit + '包邮';
          } else {
            this.manjian.free_shipping += '；满' + item.limit + limit + '包邮';
          }
        }
      });
    },
    // 领取优惠券
    receiveCoupon(couponTypeId) {
      if (!getToken()) {
        this.$router.push('/auth/login');
        return
      }
      if (this.couponBtnRepeat) return
      this.couponBtnRepeat = true

      couponReceive({
          coupon_type_id: couponTypeId,
          site_id: this.goodsSkuDetail.site_id,
          get_type: 2 //获取方式:1订单2.直接领取3.活动领取
        })
        .then(res => {
          var data = res.data
          let msg = res.message
          if (res.code == 0) {
            msg = "领取成功"
          }
          this.$message({
            message: msg,
            type: "success"
          })
          this.couponBtnRepeat = false
        })
        .catch(res => {
          this.$message({
            message: res.message,
            type: "error"
          })
          this.couponBtnRepeat = false
        })
    },
    // 组合套餐
    handleBundlingData(data) {
      this.bundling = data;
      if (this.bundling.length) {
        this.tabBundling = "bundling_" + this.bundling[0].bl_id;

        for (var i = 0; i < this.bundling.length; i++) {
          for (var j = 0; j < this.bundling[i].bundling_goods.length; j++) {
            if (this.bundling[i].bundling_goods[j].sku_id == this.skuId) {
              this.bundling[i].bundling_goods.splice(j, 1);
            }
          }
        }
      }
    },
    //切换评价
    evaluationType(value) {
      this.evaluaType = value
      this.getGoodsEvaluate()
    },
    // 售后保障
    getAftersale() {
      aftersale({}).then(res => {
        if (res.code == 0 && res.data) {
          this.service_is_display = res.data
          let data = res.data.content
          if (res.data.content) this.service = res.data
        }
      })
    },
    //更新商品信息
    modifyGoodsInfo() {
      //更新商品点击量
      modifyClicks({
        sku_id: this.skuId,
        site_id: this.goodsSkuDetail.site_id
      })

      //添加足迹
      addGoodsbrowse({
        sku_id: this.skuId,
        goods_id: this.goodsSkuDetail.goods_id
      })
    },
    // 商品二维码
    getGoodsQrcode() {
      goodsQrcode({
        sku_id: this.skuId
      }).then(res => {
        let data = res.data
        if (data.path.h5.img) this.qrcode = this.$img(data.path.h5.img)
      })
    },
    //商品评价数量
    goodsEvaluCount(){
    	goodsEvaluateCount({
    		goods_id: this.goodsSkuDetail.goods_id
    	}).then(res =>{
    		if(res.code == 0 && res.data){
    			 this.evaluteCount = res.data
    		}
    	})
    },
    // 商品评价列表
    getGoodsEvaluate() {
      goodsEvaluateList({
        page: this.currentPage,
        page_size: this.pageSize,
        goods_id: this.id,
        explain_type: this.evaluaType == 0 ? '' : this.evaluaType
      }).then(res => {
        let list = []
        let msg = res.message
        if (res.code == 0 && res.data) {
          list = res.data.list
          this.total = res.data.count
        }

        for (var i = 0; i < list.length; i++) {
          // 1好评2中评3差评
          if (list[i].explain_type == 1) {
            list[i].star = 5
          } else if (list[i].explain_type == 2) {
            list[i].star = 3
          } else if (list[i].explain_type == 3) {
            list[i].star = 1
          }
          if (list[i].images) {
            list[i].images = list[i].images.split(",")
            list[i].imagesFormat = []
            for (var k = 0; k < list[i].images.length; k++) {
              list[i].imagesFormat.push(this.$img(list[i].images[k]))
            }
          }

          if (list[i].again_images) {
            list[i].again_images = list[i].again_images.split(",")
            list[i].againImagesFormat = []
            for (var j = 0; j < list[i].again_images.length; j++) {
              list[i].againImagesFormat.push(this.$img(list[i].again_images[j]))
            }
          }
          if (list[i].is_anonymous == 1) list[i].member_name = list[i].member_name.replace(list[i].member_name
            .substring(1,
              list[i].member_name.length - 1), "***")
        }
        this.goodsEvaluateList = list
      })
    },
    // 图片加载失败
    imageErrorEvaluate(index) {
      this.goodsEvaluateList[index].member_headimg = this.defaultHeadImage
    },
    handlePageSizeChange(size) {
      this.pageSize = size
      this.getGoodsEvaluate()

    },
    handleCurrentPageChange(page) {
      this.currentPage = page
      this.getGoodsEvaluate()
    },
    changeSpec(skuId, spec_id) {
      if (this.specDisabled) return
      this.specBtnRepeat = false
      this.skuId = skuId
      // 清空选择
      for (var i = 0; i < this.goodsSkuDetail.goods_spec_format.length; i++) {
        var sku = this.goodsSkuDetail.goods_spec_format[i]
        for (var j = 0; j < sku.value.length; j++) {
          // 排除当前点击的规格值
          if (spec_id == this.goodsSkuDetail.goods_spec_format[i].value[j].spec_id) {
            this.goodsSkuDetail.goods_spec_format[i].value[j].selected = false
          }
        }
      }

      goodsSkuInfo({
        sku_id: this.skuId
      }).then(res => {
        let data = res.data
        if (data != null) {
          data.sku_images = data.sku_images.split(",")
          this.picZoomUrl = data.sku_images[0]
          this.playerOptions.poster = this.$img(data.sku_image)
          if (data.sku_images == "") {
            data.sku_images = this.master_img;
            this.picZoomUrl = data.sku_images[0]
            this.playerOptions.poster = this.$img(data.sku_image)
          } else {
            data.sku_images = data.sku_images.concat(this.master_img);
          }
          // 当前商品SKU规格
          if (data.sku_spec_format) data.sku_spec_format = JSON.parse(data.sku_spec_format)

          // 商品SKU格式
          if (data.goods_spec_format) data.goods_spec_format = JSON.parse(data.goods_spec_format)

          if (data.goods_attr_format) data.goods_attr_format = JSON.parse(data.goods_attr_format)
          this.keyInput(true)

          // 限时折扣
          if (data.promotion_type == 1) {
            this.discountTimeMachine = {
              currentTime: res.timestamp,
              startTime: res.timestamp,
              endTime: data.end_time
            }
          }
          this.specBtnRepeat = false
          Object.assign(this.goodsSkuDetail, data)
        } else {
          this.$router.push("/")
        }
      })
    },
    changeNum(tag) {


      if (this.goodsSkuDetail.stock == 0) return
      var stock = this.goodsSkuDetail.stock
      var min = 1

      if (tag == "+") {
        // 加
        if (this.number < stock) {
          this.number++
        } else {
          return
        }
      } else if (tag == "-") {
        // 减
        if (this.number > min) {
          this.number -= 1
        } else {
          return
        }
      }

      this.purchase()
    },
    // 判断是否限购
    purchase() {
      if (this.goodsSkuDetail.is_limit == 1) {
        if (this.goodsSkuDetail.limit_type == 1) {
          if (this.number > this.goodsSkuDetail.max_buy) {
            this.$message({
              message: '该商品最多购买' + this.goodsSkuDetail.max_buy + '件',
              type: 'warning'
            });
            this.number = this.goodsSkuDetail.max_buy
          }
        } else if (this.goodsSkuDetail.limit_type == 2) {
          this.shopNum = this.goodsSkuDetail.max_buy - this.goodsSkuDetail.purchased_num
          console.log(this.shopNum)
          var title = ''
          if (this.goodsSkuDetail.purchased_num == 0) {
            title = '该商品每人限购' + this.goodsSkuDetail.max_buy + '件'
          } else if (this.goodsSkuDetail.purchased_num > 0) {
            title = '该商品每人限购' + this.goodsSkuDetail.max_buy + '件，您已购买' + this.goodsSkuDetail.purchased_num + '件'
          }

          if (this.number > this.shopNum) {
            console.log("进入添加")
            this.$message({
              message: title,
              type: 'warning'
            });
            this.number = this.shopNum
          }
        }
      }
    },

    //输入数量
    keyInput() {

      var stock = this.goodsSkuDetail.stock
      // 库存为0
      if (this.goodsSkuDetail.stock == 0) {
        this.number = 0
        return
      }
      // 防止空
      if (this.number == 0 || this.number == '') this.number = 1

      var re = /^\d+$/
      if (re.test(parseInt(this.number))) {
        if (this.number > stock) {
          this.number = stock
        }
        this.number = parseInt(this.number)
      } else {
        this.number = 1
      }

      this.purchase()
    },
    // 播放回调
    onPlayerPlay(player) {},
    // 暂停回调
    onPlayerPause(player) {},
    // 视频播完回调
    onPlayerEnded(player) {},
    // DOM元素上的readyState更改导致播放停止
    onPlayerWaiting(player) {},
    // 已开始播放回调
    onPlayerPlaying(player) {},
    // 当播放器在当前播放位置下载数据时触发
    onPlayerLoadeddata(player) {},
    // 当前播放位置发生变化时触发。
    onPlayerTimeupdate(player) {},
    //媒体的readyState为HAVE_FUTURE_DATA或更高
    onPlayerCanplay(player) {},
    //媒体的readyState为HAVE_ENOUGH_DATA或更高。这意味着可以在不缓冲的情况下播放整个媒体文件。
    onPlayerCanplaythrough(player) {},
    //播放状态改变回调
    playerStateChanged(playerCurrentState) {},
    //将侦听器绑定到组件的就绪状态。与事件监听器的不同之处在于，如果ready事件已经发生，它将立即触发该函数。。
    playerReadied(player) {},
    // 加入购物车
    joinCart() {
      //纠正数量

      if (this.goodsSkuDetail.stock == 0) {
        this.$message({
          message: "商品已售罄",
          type: "warning"
        })
        return
      }

      if (this.number.length == 0 || this.number == 0) {
        this.$message({
          message: "购买数量不能为0",
          type: "warning"
        })
        return
      }

      if (this.btnSwitch) return
      this.btnSwitch = true

      this.$store.dispatch("cart/add_to_cart", {
          site_id: this.goodsSkuDetail.site_id,
          sku_id: this.goodsSkuDetail.sku_id,
          num: this.number
        }).then(res => {
          console.log("添加成功")
          var data = res.data
          if (data > 0) {
            this.$message({
              message: "加入购物车成功",
              type: "success"
            })
          }
          this.btnSwitch = false
        })
        .catch(err => {
          if (err.message == '您尚未登录，请先进行登录') {
            this.$router.push('/auth/login');
          } else {
            this.$message.error(err.message)
          }
          this.btnSwitch = false
        })
      console.log(this.cartListNum)
    },
    // 立即购买
    buyNow() {

      if (this.goodsSkuDetail.stock == 0) {
        this.$message({
          message: "商品已售罄",
          type: "warning"
        })
        return
      }

      if (this.number.length == 0 || this.number == 0) {
        this.$message({
          message: "购买数量不能为0",
          type: "warning"
        })
        return
      }

      if (parseInt(this.number) + parseInt(this.goodsSkuDetail.purchased_num) > this.goodsSkuDetail.max_buy && this
        .goodsSkuDetail
        .max_buy != 0) {
        let _newNum = parseInt(this.goodsSkuDetail.max_buy) - parseInt(this.goodsSkuDetail.purchased_num)
        this.$message({
          message: '商品限购' + this.goodsSkuDetail.max_buy + '件，现在已经购买' + this.goodsSkuDetail.purchased_num +
            '件,还能购买' +
            _newNum + '件',
          type: "warning"
        })
        return
      }

      var data = {
        sku_id: this.skuId,
        num: this.number
      }

      this.$store.dispatch("order/setOrderCreateData", data)
      this.$router.push({
        path: "/order/payment"
      })
    },
    countDownS_cb() {},
    countDownE_cb() {
      this.discountText = "活动已结束"
    },
    //是否关注
    // isFollow() {
    // 	shopIsSubscribe({
    // 		site_id: this.goodsSkuDetail.site_id
    // 	}).then(res => {
    // 		if (res.code == 0) {
    // 			this.hasFollow = res.data
    // 		}
    // 	})
    // },
    // follow() {
    // 	if (this.hasFollow) {
    // 		deleteShopSubscribe({
    // 			site_id: this.goodsSkuDetail.site_id
    // 		}).then(res => {
    // 			if (res.code == 0 && res.data) {
    // 				this.hasFollow = !this.hasFollow
    // 				this.$message({
    // 					message: "取消成功",
    // 					type: "success"
    // 				})
    // 			}
    // 		})
    // 	} else {
    // 		addShopSubscribe({
    // 			site_id: this.goodsSkuDetail.site_id
    // 		}).then(res => {
    // 			if (res.code == 0 && res.data) {
    // 				this.hasFollow = !this.hasFollow
    // 				this.$message({
    // 					message: "关注成功",
    // 					type: "success"
    // 				})
    // 			}
    // 		})
    // 	}
    // },
    // 图片加载失败
    imageErrorSpec(index) {
      this.goodsSkuDetail.sku_images[index] = this.defaultGoodsImage
      this.picZoomUrl = this.defaultGoodsImage
    },
    /**
     * 获取地址
     * @param {Object} type
     * @param {Object} item
     * @param {Object} first 是否第一次
     */
    getAddress(type, item, first, callback) {
      let pid = 0
      switch (type) {
        case 'province':
          //加载省
          pid = 0
          break
        case 'city':
          //加载市
          if (item) {
            this.provinceId = item.id
          }
          pid = this.provinceId
          this.cityArr = {}
          this.districtArr = {}
          break
        case 'district':
          //加载区县
          if (item) this.cityId = item.id
          pid = this.cityId
          this.districtArr = {}
          break
      }
      if (item) {
        if (item.level <= 2) {
          let len = item.level;
          for (let i = len; i <= 3; i++) {
            delete this.selectedAddress['level_' + i];
          }
        }
        this.selectedAddress['level_' + item.level] = item;
      }

      if (!first) this.$store.commit("app/SET_LOCATION_REGION", this.selectedAddress)
      this.$forceUpdate();
      if (type == 'community') {
        this.hideRegion = true;
        setTimeout(() => {
          this.hideRegion = false;
        }, 10);
        return;
      }

      getArea({
          pid: pid
        })
        .then(res => {
          const {
            code,
            data
          } = res;
          if (data) {
            switch (type) {
              case 'province':
                //加载省
                this.provinceArr = data
                break
              case 'city':
                //加载市
                this.cityArr = data
                break
              case 'district':
                //加载区县
                this.districtArr = data
                break
            }
            this.currTabAddres = type

            if (callback) callback();
          }
        })
        .catch(err => {})
    }
  }
}