(function (window, undefined) {
  var old_onload = window.onload;
  window.onload = function () {
    const template = document.getElementsByClassName("template")[0];
    Vue.prototype.lang = window.lang;
    new Vue({
      components: {
        asideMenu,
        topMenu,
      },
      created() {
        window.addEventListener("scroll", this.scrollBottom);
        // 监听 页面点击事件 用于关闭 isShowSuffixBox
        document.addEventListener("click", (e) => {
          console.log(e.target.className);
          const classNameArr = [
            "suffix-list",
            "suffix-box",
            "suffix-item",
            "suffix-item suffix-active",
            "el-icon-arrow-down select-btn",
          ];
          if (!classNameArr.includes(e.target.className)) {
            this.isShowSuffixBox = false;
          }
        });
        this.getCommonData();
        this.getCarList();

        sessionStorage.removeItem("product_information");
        this.fpg_id = this.getQuery("fpg_id") * 1;
        this.spg_id = this.getQuery("spg_id") * 1;
        this.host_id = this.getQuery("host_id") * 1;
      },
      mounted() {
        const addons_js_arr = JSON.parse(
          document.querySelector("#addons_js").getAttribute("addons_js")
        ); // 插件列表
        const arr = addons_js_arr.map((item) => {
          return item.name;
        });
        if (arr.includes("EventPromotion")) {
          // 开启活动满减
          this.isShowFull = true;
        }
        this.initData();
      },
      updated() {
        // 关闭loading
        document.getElementById("mainLoading").style.display = "none";
        document.getElementsByClassName("template")[0].style.display = "block";
      },
      destroyed() {
        window.removeEventListener("scroll", this.scrollBottom);
      },
      data() {
        return {
          isShowView: false,
          searchValue: "", // 搜索内容
          searchLoading: false,
          select_first_obj: {
            id: "", // 一级分组ID
            type: "", // 一级分组类型
          }, // 选中的一级分类对象
          select_second_obj: {
            id: "", // 二级分组ID
            type: "", // 二级分组类型
          }, // 选中的一级分类对象
          first_group_list: [], // 一级分类数组
          second_group_list: [], // 二级分类数组
          commonData: {},
          scrollDisabled: false,
          secondLoading: false, // 二级分类加载
          goodSLoading: false,
          goodsParmas: {
            keywords: "", // 关键字,搜索范围:商品ID,商品名,描述
            id: "", // 二级分组ID
            page: 1, // 页数
            limit: 12, // 每页条数
          },
          goodsList: [], // 商品列表数组
          regType: "1",
          domainInput: "",
          selectSuffix: "",
          isAllCheck: false,
          isShowFull: false,
          suffixList: [],
          domainList: [],
          isSearching: false,
          isShowSuffixBox: false,
          carList: [],
          checkList: [],
          product_id: "",
          isCarLoading: false,
          isIndeterminate: false,
          isBatchIndeterminate: false,
          isBatchAllCheck: false,
          batchLoading: false,
          addAllLoading: false,
          textarea2: "",
          batchCheckGroup: [],
          availList: [],
          unavailList: [],
          faillList: [],
          activeNames: [],
          domainConfig: {},
          isShowUpload: false,
          fileName: "",
          fileContent: "",
          originalPrice: 0.0,
          /* 传参搜索 */
          fpg_id: "",
          spg_id: "",
          host_id: "",
        };
      },
      filters: {
        formateTime(time) {
          if (time && time !== 0) {
            return formateDate(time * 1000);
          } else {
            return "--";
          }
        },
      },
      computed: {
        // 是否选中的分类为域名
        isDomain() {
          return this.select_second_obj.type === "domain";
        },
        // 计算购物车选中的商品的总价
        totalMoneyCalc() {
          let total = 0;
          this.carList.forEach((item) => {
            if (this.checkList.includes(item.positions)) {
              total += this.priceCalc(item) * 1000;
            }
          });
          const firstDiscount = this.carList.filter(
            (item) => this.checkList[0] === item.positions
          );
          let domainDiscount = 0;
          if (firstDiscount.length > 0) {
            domainDiscount = firstDiscount[0]?.priceArr[0]?.discount;
          }
          this.originalPrice = (total / 1000).toFixed(2);
          let temp = (total - domainDiscount * 1000) / 1000;
          if (isNaN(temp)) {
            temp = 0.0;
          }
          return temp;
        },
        // 是否登录
        isLogin() {
          return window.localStorage.jwt ? true : false;
        },
        calcDomainList() {
          // 处理可购买的域名带价格才展示
          return (data) => {
            return data.filter((item) => {
              return (
                item.avail === 0 ||
                (item.avail === 1 && item.priceArr.length > 0)
              );
            });
          };
        },
        showOriginal() {
          const firstDiscount = this.carList.filter(
            (item) => this.checkList[0] === item.positions
          );
          const domainDiscount = firstDiscount[0]?.priceArr[0]?.discount;
          if (this.checkList.length > 0 && domainDiscount > 0) {
            return true;
          } else {
            return false;
          }
        },
      },
      methods: {
        calcEvent(eventList) {},
        getQuery(name) {
          const reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
          const r = window.location.search.substr(1).match(reg);
          if (r != null) return decodeURI(r[2]);
          return null;
        },
        goLogin() {
          sessionStorage.redirectUrl = "/cart/goodsList.htm";
          location.href = "/login.htm";
        },
        // 选择文件
        selectFile() {
          document.getElementById("upFile").click();
          // 监听文件上传
          document.getElementById("upFile").addEventListener("change", (e) => {
            // 获取文件
            const file = e.target.files[0];
            // 判断文件类型
            if (file.type !== "text/plain") {
              this.$message.warning(lang.template_text137);
              return;
            }
            // 读取文件名
            this.fileName = file.name;
            // 读取文件
            const reader = new FileReader();
            // 判断txt文件编码格式
            reader.readAsText(file, "utf-8");
            reader.onload = (e) => {
              const txtString = e.target.result;
              // utf-8 的 中文编码 正则表达式
              const patrn = /[\u4E00-\u9FA5]/gi;
              // 检测当前文本是否含有中文（如果没有，则当乱码处理）
              // 两个格式的英文编码一样，所以纯英文文件也当成乱码再处理一次
              if (!patrn.exec(txtString)) {
                let reader_gb2312 = new FileReader();
                // 再拿一次纯文本，这一次拿到的文本一定不会乱码
                reader_gb2312.readAsText(file, "gb2312");
                reader_gb2312.onload = (e2) => {
                  this.fileContent = e2.target.result;
                };
              } else {
                this.fileContent = txtString;
              }
            };
          });
        },
        confirmUpload() {
          // 解析输入框中的换行 把换行替换成\n 传字符串
          let params = this.fileContent
            .replace(/[\r\n]/g, ",")
            .split(",")
            .filter((item) => {
              return item !== "";
            });
          const maxLimt = this.domainConfig.number_limit || 500;
          if (params.length > maxLimt) {
            // 截取前500个
            params = params.slice(0, maxLimt);
          }
          this.textarea2 = params.join("\n");
          this.cancelUpload();
        },
        cancelUpload() {
          document.getElementById("upFile").value = "";
          document
            .getElementById("upFile")
            .removeEventListener("change", () => {});
          this.fileName = "";
          this.fileContent = "";
          this.isShowUpload = false;
        },
        // 获取域名设置
        getDomainSet() {
          domainSetting().then((res) => {
            this.domainConfig = res.data.data;
            this.selectSuffix = res.data.data.default_search_domain || "";
            const suffixArr = this.suffixList.reduce((all, cur) => {
              all.push(cur.suffix);
              return all;
            }, []);
            if (
              suffixArr.length > 0 &&
              !suffixArr.includes(this.selectSuffix)
            ) {
              this.selectSuffix = this.suffixList[0].suffix;
            }
          });
        },
        // 是否已经加入购物车
        isAddCart(item) {
          const isHave = this.carList.find((cartItem) => {
            return cartItem.config_options.domain === item.name;
          });
          return isHave;
        },
        // 价格计算
        priceCalc(item) {
          if (item.priceArr.length === 0) {
            return 0;
          }
          const price =
            item.priceArr.find((priceItem) => {
              return priceItem.buyyear === item.selectYear;
            }) || [];
          return price.buyprice;
        },
        goBuyDomain() {
          if (this.checkList.length === 0) {
            this.$message.warning(lang.template_text138);
            return;
          }
          if (!this.isLogin) {
            this.$message.warning(lang.template_text139);
            sessionStorage.redirectUrl = "/cart/goodsList.htm";
            this.goLogin();
            return;
          }
          sessionStorage.setItem(
            "buyDomainPosition",
            JSON.stringify(this.checkList)
          );
          if (this.host_id) {
            location.href = `/plugin/${getPluginId(
              "IdcsmartDomain"
            )}/buyDomain.htm?host_id=${this.host_id}`;
          } else {
            location.href = `/plugin/${getPluginId(
              "IdcsmartDomain"
            )}/buyDomain.htm`;
          }
        },
        // 批量查询域名
        batchSearchDomain() {
          if (!this.textarea2) {
            this.$message.warning(lang.template_text140);
            return;
          }
          // 解析输入框中的换行 把换行替换成\n 传字符串
          const params = this.textarea2
            .replace(/[\r\n]/g, ",")
            .split(",")
            .filter((item) => {
              return item !== "";
            })
            .join(",");
          const maxLimt = this.domainConfig.number_limit || 500;
          if (params.split(",").length - 1 >= maxLimt) {
            this.$message.warning(
              `${lang.template_text141}${maxLimt}${lang.template_text142}`
            );
            return;
          }
          this.batchLoading = true;
          domainBatch({ domains: params })
            .then((res) => {
              this.availList = res.data.data.avail.map((item) => {
                item.priceArr = [];
                item.showPrice = 0;
                item.priceLoading = true;
                return item;
              });
              // 查询可注册的域名价格
              this.availList.forEach((item) => {
                domainPrice({ name: item.name, host_id: this.host_id })
                  .then((res) => {
                    item.priceArr = res.data.data || [];
                    item.showPrice = res.data.data[0]?.buyprice || 0;
                  })
                  .finally(() => {
                    item.priceLoading = false;
                  });
              });
              this.unavailList = res.data.data.unavail;
              this.faillList = res.data.data.fail;
            })
            .catch((err) => {})
            .finally(() => {
              this.batchLoading = false;
            });
        },
        handleBatchChange(val) {
          let checkedCount = val.length;
          this.isBatchAllCheck = checkedCount === this.availList.length;
          this.isBatchIndeterminate =
            checkedCount > 0 && checkedCount < this.availList.length;
        },
        handleBatchCheckAllChange(val) {
          this.batchCheckGroup = val
            ? this.availList.map((item) => {
                return item.name;
              })
            : [];
          this.isBatchIndeterminate = false;
        },
        // 购物车列表
        getCarList() {
          this.isCarLoading = true;
          cartList().then((res) => {
            const arr = res.data.data.list
              .map((item, index) => {
                return {
                  ...item,
                  positions: index,
                  selectYear: item.config_options.year,
                  priceArr: [],
                  showPrice: 0,
                  priceLoading: true,
                };
              })
              .filter((item) => {
                return item.customfield.is_domain === 1;
              });
            // 拉取价格
            this.carList = arr;
            this.isCarLoading = false;
            this.carList.forEach((item) => {
              domainPrice({
                name: item.config_options.domain,
                host_id: this.host_id,
              })
                .then((res) => {
                  item.priceArr = res.data.data || [];
                  item.showPrice = res.data.data[0]?.buyprice || 0;
                })
                .catch((err) => {})
                .finally(() => {
                  item.priceLoading = false;
                });
            });
          });
        },
        handleCheckAllChange(val) {
          this.checkList = val
            ? this.carList.map((item) => {
                return item.positions;
              })
            : [];
          this.isIndeterminate = false;
        },
        handleCheckedCitiesChange(value) {
          let checkedCount = value.length;
          this.isAllCheck = checkedCount === this.carList.length;
          this.isIndeterminate =
            checkedCount > 0 && checkedCount < this.carList.length;
        },
        // 加入购物车
        addCart(item) {
          if (this.isAddCart(item)) {
            return;
          }
          this.isCarLoading = true;
          const params = {
            product_id: this.product_id,
            config_options: {
              domain: item.name,
              year: 1,
            },
            qty: 1,
            customfield: {
              is_domain: 1, // 是否域名商品
            },
          };
          addToCart(params)
            .then((res) => {
              if (res.data.status === 200) {
                this.getCarList();
              }
            })
            .catch((err) => {
              this.$message.error(err.data.msg);
            })
            .finally(() => {
              this.isCarLoading = false;
            });
        },
        // 批量加入购物车
        addAllCart() {
          // 判断是否有选中的域名
          if (this.batchCheckGroup.length === 0) {
            this.$message.warning(lang.template_text138);
            return;
          }
          if (this.addAllLoading) {
            return;
          }
          this.addAllLoading = true;
          // 筛选出选中的域名
          const arr = this.availList.filter((item) => {
            return this.batchCheckGroup.includes(item.name);
          });
          // 循环调用加入购物车接口
          const productsArr = [];
          arr.forEach((item) => {
            const params = {
              product_id: this.product_id,
              config_options: {
                domain: item.name,
                year: 1,
              },
              qty: 1,
              customfield: {
                is_domain: 1, // 是否域名商品
              },
            };
            productsArr.push(params);
          });
          addToCart({ products: productsArr })
            .then((res) => {
              if (res.data.status === 200) {
                this.getCarList();
              }
            })
            .catch((err) => {
              this.$message.error(err.data.msg);
            })
            .finally(() => {
              this.addAllLoading = false;
            });
        },

        // 修改购物车
        changeCart(val, item) {
          const params = {
            position: item.positions,
            product_id: item.product_id,
            qty: 1,
            config_options: {
              domain: item.config_options.domain,
              year: val,
            },
            customfield: {
              is_domain: 1, // 是否域名商品
            },
          };
          updateCart(params)
            .then((res) => {
              if (res.data.status === 200) {
                // this.getCarList()
              }
            })
            .catch((err) => {
              this.$message.error(err.data.msg);
            });
        },

        // 删除购物车
        async deleteCart(item) {
          this.isCarLoading = true;
          const params = {
            position: item.positions,
          };
          const res = await deleteCart(params);
          if (res.data.status === 200) {
            this.isCarLoading = false;
            this.getCarList();
          }
        },
        // 批量删除购物车
        async deleteClearCart() {
          if (this.carList.length === 0) {
            return;
          }
          this.isCarLoading = true;
          const params = {
            positions: this.carList.map((item) => {
              return item.positions;
            }),
          };
          const res = await deleteCartBatch(params);
          if (res.data.status === 200) {
            this.isCarLoading = false;
            this.getCarList();
          }
        },
        // 获取后缀
        async getSuffix() {
          // DA购买域名需要传入产品ID筛选对于的后缀
          try {
            const res = await domainSuffix(this.host_id);
            this.suffixList = res.data.data || [];
            this.getDomainSet();
          } catch (error) {
            this.getDomainSet();
          }
        },
        // 选择后缀
        handelSelectSuffix(item) {
          this.selectSuffix = item;
        },
        // 域名查询
        handelDomainSearch() {
          if (!this.domainInput) {
            this.$message.warning(lang.template_text140);
            return;
          }
          this.isShowSuffixBox = false;
          this.isSearching = true;
          this.domainList = [];
          domainSearch({
            domain: this.domainInput,
            suffix: this.selectSuffix,
            host_id: this.host_id,
          })
            .then((res) => {
              if (res.data.status === 200) {
                this.domainList = res.data.data.map((item) => {
                  item.priceArr = [];
                  item.showPrice = 0;
                  item.priceLoading = true;
                  return item;
                });
                this.isSearching = false;
                this.domainList
                  .forEach((item, index) => {
                    if (item.avail === 1) {
                      domainPrice({ name: item.name, host_id: this.host_id })
                        .then((res) => {
                          item.priceArr = res.data.data || [];
                          item.showPrice = res.data.data[0]?.buyprice || 0;
                        })
                        .finally(() => {
                          item.priceLoading = false;
                        });
                    }
                  })
                  .filter((item) => item.priceArr.length);
                // 判断当前选中的域名后缀是否支持中文
                const isChinese =
                  this.suffixList.find((item) => {
                    return item.suffix === this.selectSuffix;
                  }).allow_zh === 0;
                // 判断输入的是否是中文
                const chineseReg = /[\u4e00-\u9fa5]/g;
                if (isChinese && chineseReg.test(this.domainInput)) {
                  this.domainList.unshift({
                    // 添加一条不支持中文的提示
                    name: this.domainInput + this.selectSuffix,
                    avail: -2,
                    description: lang.template_text143,
                  });
                }
              }
            })
            .catch((err) => {
              this.isSearching = false;
            });
        },
        // 获取域名价格
        getDomainPrice() {},
        goWhois(item) {
          window.open(
            `/plugin/${getPluginId("IdcsmartDomain")}/whois.htm?domain=${
              item.name
            }`
          );
        },
        getRule(arr) {
          let isHave = this.showFun(arr, "CartController::index");
          if (isHave) {
            this.isShowView = true;
          }
          if (!this.isShowView) {
            // 没有权限
            location.href = "/noPermissions.htm";
          }
        },
        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;
          }
        },
        // 获取一级分类
        getProductGroup_first() {
          productGroupFirst().then((res) => {
            this.first_group_list = res.data.data.list;
          });
        },
        // 搜索
        searchGoods() {
          this.searchLoading = true;
          this.goodsParmas.keywords = this.searchValue;
          this.goodsParmas.id = "";
          this.goodsParmas.page = 1;
          this.goodsList = [];
          this.getProductGoodList();
        },
        // 获取二级分类
        getProductGroup_second(id) {
          productGroupSecond(id).then((res) => {
            this.secondLoading = false;
            this.second_group_list = res.data.data.list;
            if (res.data.data.list[0]) {
              this.select_second_obj.id = res.data.data.list[0].id;
              this.select_second_obj.type = res.data.data.list[0].type;
              this.goodsParmas.id = this.select_second_obj.id;
              if (this.select_second_obj.type === "domain") {
                this.getSuffix();
              }
              this.getProductGoodList();
            }
          });
        },
        // 获取商品列表
        getProductGoodList() {
          this.goodSLoading = true;
          productGoods(this.goodsParmas).then((res) => {
            if (
              this.select_second_obj.type === "domain" &&
              res.data.data.list[0]
            ) {
              this.product_id = res.data.data.list[0].id;
            }
            this.searchLoading = false;
            const list = res.data.data.list.map((item) => {
              item.activeList = [];
              return item;
            });
            if (this.isShowFull) {
              list.forEach((item) => {
                eventPromotion({ id: item.id }).then((res) => {
                  item.activeList = res.data.list;
                });
              });
            }
            this.goodsList = this.goodsList.concat(list);
            this.goodSLoading = false;
            if (res.data.data.list.length >= this.goodsParmas.limit) {
              this.scrollDisabled = false;
            } else {
              this.scrollDisabled = true;
            }
          });
        },
        // 初始化
        async initData() {
          // 获取一级分类
          await productGroupFirst().then((res) => {
            this.first_group_list = res.data.data.list;
          });
          if (this.first_group_list[0]) {
            this.select_first_obj.id =
              this.fpg_id || this.first_group_list[0].id;
            this.secondLoading = true;
            // 获取二级分类
            await productGroupSecond(this.select_first_obj.id).then((ress) => {
              this.second_group_list = ress.data.data.list;
            });
            if (this.second_group_list[0]) {
              this.select_second_obj.id =
                this.spg_id || this.second_group_list[0].id;
              this.select_second_obj.type = this.second_group_list[0].type;
              this.goodsParmas.page = 1;
              this.goodsParmas.id = this.second_group_list[0].id;
              this.secondLoading = false;
              if (this.select_second_obj.type === "domain") {
                this.getSuffix();
              }
              this.getProductGoodList();
            } else {
              this.goodSLoading = false;
              this.goodsList = [];
            }
          } else {
            this.goodSLoading = false;
            this.goodsList = [];
          }
        },
        // 点击一级分类
        selectFirstType(val) {
          this.select_first_obj.id = val;
          this.secondLoading = true;
          this.goodsParmas.page = 1;
          this.second_group_list = [];
          this.select_second_obj = {
            id: "",
            type: "",
          };
          this.getProductGroup_second(val);
          this.goodsList = [];
        },
        // 点击二级分类
        selectSecondType(val) {
          this.select_second_obj.id = val;
          this.select_second_obj.type = this.second_group_list.find((item) => {
            return item.id === val;
          }).type;
          this.goodsParmas.id = val;
          this.goodsList = [];
          this.goodsParmas.page = 1;
          if (this.select_second_obj.type === "domain") {
            this.getSuffix();
          }
          this.getProductGoodList();
        },
        // 获取通用配置
        getCommonData() {
          this.commonData =
            JSON.parse(localStorage.getItem("common_set_before")) || {};
          document.title =
            this.commonData.website_name + "-" + lang.common_cloud_text301;
        },
        // 点击购买
        goOrder(item) {
          // 新窗口打开
          window.open(`goods.htm?id=${item.id}`);
        },
        // 滚动计算
        scrollBottom() {
          if (this.select_second_obj.type === "domain") {
            return;
          }
          const scrollTop =
            document.documentElement.scrollTop || document.body.scrollTop;
          const clientHeight = document.documentElement.clientHeight;
          const scrollHeight = document.documentElement.scrollHeight;
          if (scrollTop + clientHeight >= scrollHeight) {
            if (this.scrollDisabled) {
            } else {
              this.goodsParmas.page++;
              this.getProductGoodList();
            }
          }
        },
      },
    }).$mount(template);
    typeof old_onload == "function" && old_onload();
  };
})(window);