(function (window, undefined) {
  var old_onload = window.onload;
  window.onload = function () {
    const template = document.getElementsByClassName("template")[0];
    Vue.prototype.lang = window.lang;
    const host = location.host;
    const fir = location.pathname.split("/")[1];
    const str = `${host}/${fir}/`;
    new Vue({
      components: {
        asideMenu,
        topMenu,
        payDialog,
        cashCoupon,
        eventCode,
      },
      created() {
        localStorage.frontMenusActiveId = "";
        const temp = this.getQuery(location.search);
        if (temp.cart) {
          // 购物车过来
          this.selectGoodsList = JSON.parse(sessionStorage.shoppingCartList);
          this.isFormShoppingCart = true;
        } else {
          const obj = sessionStorage.product_information
            ? JSON.parse(sessionStorage.product_information)
            : sessionStorage.settleItem
            ? JSON.parse(sessionStorage.settleItem)
            : {};
          sessionStorage.settleItem = sessionStorage.product_information;
          sessionStorage.removeItem("product_information");
          this.isFormShoppingCart = false;
          this.productObj = {
            product_id: temp.id ? temp.id : obj.id ? obj.id : "",
            config_options: obj.config_options,
            qty: Number(obj.qty),
            customfield: obj.customfield,
            self_defined_field: obj.self_defined_field,
          };
          productDetail(this.productObj.product_id).then((res) => {
            this.productObj.name = res.data.data.product.name;
          });
        }
        this.getCommonData();
        // this.getPayLisy();
      },
      mounted() {
        this.addons_js_arr = JSON.parse(
          document.querySelector("#addons_js").getAttribute("addons_js")
        ); // 插件列表
        const arr = this.addons_js_arr.map((item) => {
          return item.name;
        });
        if (arr.includes("PromoCode")) {
          // 开启了优惠码插件
          this.isShowPromo = true;
        }
        if (arr.includes("IdcsmartClientLevel")) {
          // 开启了等级优惠
          this.isShowLevel = true;
        }
        if (arr.includes("IdcsmartVoucher")) {
          // 开启了代金券
          this.isShowCash = true;
        }
        if (arr.includes("EventPromotion")) {
          // 开启活动满减
          this.isShowFull = true;
        }
        this.getCartList();
      },
      updated() {
        // 关闭loading
        document.getElementById("mainLoading").style.display = "none";
        document.getElementsByClassName("template")[0].style.display = "block";
      },
      data() {
        return {
          initArr: [],
          commonData: {}, // 公告接口数据
          addons_js_arr: [],
          showPayBtn: false,
          // 代金券对象
          cashObj: {},
          totalPriceLoading: false,
          cashPrice: 0,

          goodIdList: [],
          isUseDiscountCode: false,
          productObj: {
            customfield: {},
          }, // 单独结算的商品对象
          shoppingList: [], // 所有购物车列表
          listLoading: false,
          isShowCash: false,
          selectGoodsList: [],
          isFormShoppingCart: true, // 是否从购物车页面结算
          showGoodsList: [], // 展示的列表
          payTypeList: [], // 支付渠道数组
          payType: "", // 选择的支付渠道
          checked: false, // 勾选隐私协议
          isShowPromo: false, // 是否开启优惠码
          isShowLevel: false, // 是否开启等级优惠
          isShowFull: false,
          subBtnLoading: false, // 提交按钮loading
        };
      },

      filters: {
        formateTime(time) {
          if (time && time !== 0) {
            return formateDate(time * 1000);
          } else {
            return "--";
          }
        },
        filterMoney(money) {
          if (isNaN(money) || money * 1 < 0) {
            return "0.00";
          } else {
            return formatNuberFiexd(money);
          }
        },
      },
      computed: {
        finallyPrice() {
          return this.totalPrice - this.cashPrice > 0
            ? formatNuberFiexd(this.totalPrice - this.cashPrice)
            : 0;
        },
        totalLevelDiscount() {
          return formatNuberFiexd(
            this.showGoodsList.reduce((pre, cur) => {
              return pre + cur.level_discount * 1;
            }, 0)
          );
        },
        totalPrice() {
          return formatNuberFiexd(
            this.showGoodsList.reduce((pre, cur) => {
              return pre + cur.calcItemPrice * 1;
            }, 0)
          );
        },
        orginPrice() {
          return formatNuberFiexd(
            this.showGoodsList.reduce((pre, cur) => {
              return pre + cur.price * 1;
            }, 0)
          );
        },
        totalCodelDiscount() {
          return formatNuberFiexd(
            this.showGoodsList.reduce((pre, cur) => {
              return pre + cur.code_discount * 1;
            }, 0)
          );
        },
        totalFullDiscount() {
          return formatNuberFiexd(
            this.showGoodsList.reduce((pre, cur) => {
              return pre + cur.eventDiscount * 1;
            }, 0)
          );
        },
      },
      methods: {
        getRule(arr) {
          let isHave = this.showFun(arr, "PayController::pay");
          if (isHave) {
            this.showPayBtn = true;
          }
        },
        showFun(arr, str) {
          if (typeof arr == "string") {
            return true;
          } else {
            let isShow = "";
            isShow = arr.find((item) => {
              let isHave = item.includes(str);
              if (isHave) {
                return isHave;
              }
            });
            return isShow;
          }
        },
        // 获取购物车列表
        async getCartList() {
          this.listLoading = true;
          this.initArr = [];
          if (this.isFormShoppingCart) {
            // 从购物车结算
            await cartList().then((res) => {
              this.shoppingList = res.data.data.list;
              this.selectGoodsList.forEach((item) => {
                const obj = this.shoppingList[item];
                this.initArr.push(obj);
              });
            });
          } else {
            // 从商品详情结算
            this.initArr.push(this.productObj);
          }

          this.initArr.forEach((item) => {
            item.isLoading = true;
            item.priceLoading = false;
            item.price = 0; // 商品单价
            item.code_discount = 0; // 商品优惠码抵扣金额
            item.isUseDiscountCode = false;
            item.level_discount = 0; // 商品等级优惠折扣金额
            item.eventDiscount = 0;
            item.calcItemPrice = 0;
            this.goodIdList.push(item.product_id);
            this.getConfigOption(item);
          });
          this.showGoodsList = [...this.initArr];
          this.listLoading = false;
        },
        // 获取商品配置项价格
        getConfigOption(item) {
          const params = {
            config_options: {
              ...item.config_options,
              promo_code: item.customfield.promo_code,
              event_promotion: item.customfield.event_promotion,
            },
            qty: item.qty,
          };
          item.priceLoading = true;
          configOption(item.product_id, params)
            .then(async (res) => {
              item.info = res.data.data;
              const son_previews = [];
              if (res.data.data.other && res.data.data.other.son_previews) {
                res.data.data.other.son_previews.forEach((i) => {
                  i.forEach((items) => {
                    son_previews.push(items);
                  });
                });
              }
              item.preview = res.data.data.preview.concat(son_previews);
              item.price = res.data.data.price * 1;
              item.calcItemPrice = res.data.data.price_total * 1;
              item.level_discount =
                res.data.data.price_client_level_discount * 1 || 0;
              item.code_discount =
                res.data.data.price_promo_code_discount * 1 || 0;
              item.eventDiscount =
                res.data.data.price_event_promotion_discount * 1 || 0;
            })
            .catch((err) => {
              item.preview = [];
            })
            .finally(() => {
              item.priceLoading = false;
              item.isLoading = false;
              this.showGoodsList = [...this.initArr];
              this.$forceUpdate();
            });
        },

        goPay() {
          if (!this.checked) {
            this.$message.warning(lang.shoppingCar_tip_text6);
            return;
          }
          this.subBtnLoading = true;
          if (this.isFormShoppingCart) {
            cart_settle({
              positions: this.selectGoodsList,
              customfield: { voucher_get_id: this.cashObj.id },
            })
              .then((res) => {
                this.$refs.payDialog.showPayDialog(
                  res.data.data.order_id,
                  res.data.data.amount,
                  this.payType
                );
              })
              .catch((err) => {
                this.$message.error(err.data.msg);
              })
              .finally(() => {
                this.subBtnLoading = false;
              });
          } else {
            product_settle({
              product_id: this.productObj.product_id,
              config_options: this.productObj.config_options,
              customfield: this.productObj.customfield,
              self_defined_field: this.productObj.self_defined_field,
              qty: this.productObj.qty,
            })
              .then((res) => {
                this.$refs.payDialog.showPayDialog(
                  res.data.data.order_id,
                  0,
                  this.payType
                );
              })
              .catch((err) => {
                this.$message.error(err.data.msg);
              })
              .finally(() => {
                this.subBtnLoading = false;
              });
          }
        },
        useCash(val) {
          this.cashObj = val;
          this.cashPrice = Number(val.price);
          this.productObj.customfield.voucher_get_id = val.id;
        },
        // 支付成功回调
        paySuccess(e) {
          location.href = "./finance.htm";
        },
        // 取消支付回调
        payCancel(e) {
          location.href = "./finance.htm";
        },
        // 移除代金券
        reRemoveCashCode() {
          this.$refs.cashRef.closePopver();
          this.cashObj = {};
          this.cashPrice = 0;
          this.productObj.customfield.voucher_get_id = "";
        },
        getPayLisy() {
          payLisy().then((res) => {
            this.payTypeList = res.data.data.list;
            this.payType = res.data.data.list[0].name;
          });
        },
        // 解析url
        getQuery(url) {
          const str = url.substr(url.indexOf("?") + 1);
          const arr = str.split("&");
          const res = {};
          for (let i = 0; i < arr.length; i++) {
            const item = arr[i].split("=");
            res[item[0]] = item[1];
          }
          return res;
        },
        goTermsServiceUrl() {
          window.open(this.commonData.terms_service_url);
        },
        goTermsPrivacUrl() {
          window.open(this.commonData.terms_privacy_url);
        },
        goHelpUrl(url) {
          window.open(this.commonData[url]);
        },

        // 获取通用配置
        getCommonData() {
          this.commonData = JSON.parse(
            localStorage.getItem("common_set_before")
          );
          document.title =
            this.commonData.website_name + "-" + lang.shoppingCar_tip_text7;
        },
      },
    }).$mount(template);
    typeof old_onload == "function" && old_onload();
  };
})(window);