(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,
        payDialog,
      },
      created() {
        localStorage.frontMenusActiveId = "";
        this.getCommonData();
        this.getGateway();
      },
      mounted() {
        const addons = document.querySelector("#addons_js");
        this.addons_js_arr = JSON.parse(addons.getAttribute("addons_js"));
        this.initData();
      },
      updated() {},
      destroyed() {},
      data() {
        return {
          addons_js_arr: [], // 插件数组
          commonData: {
            currency_prefix: "￥",
          },
          idcsmart_client_level: {
            name: "",
            id: "",
            background_color: "",
          },
          showRight: false,
          account: {}, // 个人信息
          certificationObj: {}, // 认证信息
          percentage: 0,
          productListLoading: true,
          nameLoading: false,
          infoSecLoading: false,
          productList: [], // 产品列表
          ticketList: [], // 工单列表
          homeNewList: [], // 新闻列表
          // 支付方式
          gatewayList: [],
          headBgcList: [
            "#3699FF",
            "#57C3EA",
            "#5CC2D7",
            "#EF8BA2",
            "#C1DB81",
            "#F1978C",
            "#F08968",
          ],
          // 轮询相关
          timer: null,
          time: 300000,
          // 后台返回的支付html
          payHtml: "",
          // 错误提示信息
          errText: "",
          // 是否显示充值弹窗
          isShowCz: false,
          payLoading1: false,
          isShowimg1: true,
          // 充值弹窗表单数据
          czData: {
            amount: "",
            gateway: "",
          },
          czDataOld: {
            amount: "",
            gateway: "",
          },
          isOpen: true,
          promoterData: {},
          openVisible: false,
          voucherList: [], // 可领代金券列表
          hasWxPlugin: false,
          wxQrcode: "",
          conectInfo: {
            is_subscribe: 0,
            accept_push: 0,
          },
          codeLoading: false,
          isShowCredit: false,
          creditData: {},
        };
      },
      filters: {
        formateTime(time) {
          if (time && time !== 0) {
            return formateDate(time * 1000);
          } else {
            return "--";
          }
        },
        formareDay(time) {
          if (time && time !== 0) {
            const dataTime = formateDate(time * 1000);
            return (
              dataTime.split(" ")[0].split("-")[1] +
              "-" +
              dataTime.split(" ")[0].split("-")[2]
            );
          } else {
            return "--";
          }
        },
      },
      methods: {
        //  授信详情
        getCreditDetail() {
          creditDetail().then((res) => {
            if (res.data.status === 200) {
              this.isShowCredit = true;
              this.creditData = res.data.data.credit_limit;
            }
          });
        },
        goCredit() {
          location.href = "/finance.htm?tab=6";
        },
        async getWxConectInfo() {
          try {
            const res = await getWxInfo();
            this.conectInfo = res.data.data;
          } catch (error) {
            this.$message.error(error.data.msg);
          }
        },
        async getWxcode() {
          try {
            this.codeLoading = true;
            const res = await getWxQrcode();
            this.wxQrcode = res.data.data.img_url;
            this.codeLoading = false;
          } catch (error) {
            this.codeLoading = false;
            this.$message.error(error.data.msg);
          }
        },
        /* 可领代金券 */
        async getVoucherAvailable() {
          try {
            const res = await voucherAvailable({ page: 1, limit: 999 });
            this.voucherList = res.data.data.list.filter(
              (item) => !item.is_get
            );
          } catch (error) {
            this.$message.error(error.data.msg);
          }
        },
        /* 可领代金券 end */
        toReferral() {
          location.href = `/plugin/${getPluginId(
            "IdcsmartRecommend"
          )}/recommend.htm`;
        },
        handelAttestation() {
          location.href = `/plugin/${getPluginId(
            "IdcsmartCertification"
          )}/authentication_select.htm`;
        },
        goWorkPage() {
          location.href = `/plugin/${getPluginId("IdcsmartTicket")}/ticket.htm`;
        },
        goNoticePage() {
          location.href = `/plugin/${getPluginId("IdcsmartNews")}/source.htm`;
        },
        goNoticeDetail(id) {
          location.href = `/plugin/${getPluginId(
            "IdcsmartNews"
          )}/news_detail.htm?id=${id}`;
        },
        goGoodsList() {
          location.href = `/cart/goodsList.htm`;
        },
        goProductPage(id) {
          location.href = `/productdetail.htm?id=${id}`;
        },
        goTickDetail(orderid) {
          location.href = `/plugin/${getPluginId(
            "IdcsmartTicket"
          )}/ticketDetails.htm?id=${orderid}`;
        },
        initData() {
          const arr = this.addons_js_arr.map((item) => {
            return item.name;
          });
          if (arr.includes("IdcsmartVoucher")) {
            this.getVoucherAvailable();
          }
          if (arr.includes("IdcsmartCertification")) {
            certificationInfo().then((res) => {
              this.certificationObj = res.data.data;
            });
          }
          if (arr.includes("IdcsmartTicket")) {
            ticket_list({ page: 1, limit: 3 }).then((res) => {
              this.ticketList = res.data.data.list;
            });
          }
          if (arr.includes("IdcsmartNews")) {
            newsList({ page: 1, limit: 3 }).then((res) => {
              this.homeNewList = res.data.data.list.slice(0, 3);
            });
          }
          if (arr.includes("IdcsmartRecommend")) {
            this.showRight = true;
            this.getPromoterInfo();
          }

          if (arr.includes("MpWeixinNotice")) {
            this.hasWxPlugin = true;
            this.getWxConectInfo();
          }

          if (arr.includes("CreditLimit")) {
            // 开启了信用额
            this.getCreditDetail();
          }

          this.getIndexHost();
          this.getIndexInfo();

          // promoter_statistic().then((res) => {
          //     console.log(res);
          // })
        },
        getIndexInfo() {
          this.nameLoading = true;
          indexData()
            .then((res) => {
              this.account = res.data.data.account;
              this.idcsmart_client_level =
                res.data.data.account.customfield?.idcsmart_client_level || {};
              localStorage.lang = res.data.data.account.language || "zh-cn";
              const reg = /^[a-zA-Z]+$/;
              if (reg.test(res.data.data.account.username.substring(0, 1))) {
                this.account.firstName = res.data.data.account.username
                  .substring(0, 1)
                  .toUpperCase();
              } else {
                this.account.firstName =
                  res.data.data.account.username.substring(0, 1);
              }
              this.percentage =
                (Number(this.account.this_month_consume) /
                  Number(this.account.consume)) *
                  100 || 0;
              if (sessionStorage.headBgc) {
                this.$refs.headBoxRef.style.background = sessionStorage.headBgc;
              } else {
                const index = Math.round(
                  Math.random() * (this.headBgcList.length - 1)
                );
                this.$refs.headBoxRef.style.background =
                  this.headBgcList[index];
                sessionStorage.headBgc = this.headBgcList[index];
              }
              this.nameLoading = false;
            })
            .catch((error) => {
              // jwt过期跳转订购产品页面
              // if (error.data.status == 401) {
              //     location.href = "login.htm"
              // }
            });
        },
        getIndexHost() {
          indexHost({ page: 1 })
            .then((res) => {
              this.productListLoading = false;
              this.productList = res.data.data.list;
              const data = new Date().getTime() * 0.001;
              this.productList.forEach((item) => {
                if ((item.due_time - data) / (60 * 60 * 24) <= 10) {
                  item.isOverdue = true;
                } else {
                  item.isOverdue = false;
                }
              });
            })
            .catch(() => {
              this.productListLoading = false;
            });
        },
        // 获取支付方式列表
        getGateway() {
          gatewayList().then((res) => {
            if (res.data.status === 200) {
              this.gatewayList = res.data.data.list;
            }
          });
        },
        goUser() {
          location.href = `account.htm`;
        },
        // 支付成功回调
        paySuccess(e) {
          indexData().then((res) => {
            this.account = res.data.data.account;
            this.account.firstName = res.data.data.account.username.substring(
              0,
              1
            );
            this.percentage =
              (Number(this.account.this_month_consume) /
                Number(this.account.consume)) *
                100 || 0;
          });
        },
        // 取消支付回调
        payCancel(e) {},
        // 返回两位小数
        oninput(value) {
          let str = value;
          let len1 = str.substr(0, 1);
          let len2 = str.substr(1, 1);
          //如果第一位是0，第二位不是点，就用数字把点替换掉
          if (str.length > 1 && len1 == 0 && len2 != ".") {
            str = str.substr(1, 1);
          }
          //第一位不能是.
          if (len1 == ".") {
            str = "";
          }
          if (len1 == "+") {
            str = "";
          }
          if (len1 == "-") {
            str = "";
          }
          //限制只能输入一个小数点
          if (str.indexOf(".") != -1) {
            let str_ = str.substr(str.indexOf(".") + 1);
            if (str_.indexOf(".") != -1) {
              str = str.substr(0, str.indexOf(".") + str_.indexOf(".") + 1);
            }
          }
          //正则替换
          str = str.replace(/[^\d^\.]+/g, ""); // 保留数字和小数点
          str = str.replace(/^\D*([0-9]\d*\.?\d{0,2})?.*$/, "$1"); // 小数点后只能输 2 位
          return str;
        },
        // 显示充值 dialog
        showCz() {
          // 初始化弹窗数据
          this.czData = {
            amount: "",
            gateway: this.gatewayList[0] ? this.gatewayList[0].name : "",
          };
          this.czDataOld = {
            amount: "",
            gateway: "",
          };
          this.errText = "";
          this.isShowCz = true;
          this.payLoading1 = false;
          this.payHtml = "";
        },
        // 充值金额变化时触发
        czInputChange() {
          if (this.czData.amount) {
            let data = this.czData;
            const params = { amount: Number(data.amount) };
            recharge(params)
              .then((res) => {
                if (res.data.status === 200) {
                  this.isShowCz = false;
                  const orderId = res.data.data.id;
                  this.$refs.payDialog.czPay(orderId);
                }
              })
              .catch((error) => {
                this.$message.error(error.data.msg);
              });
          } else {
            this.$message.error(lang.index_text29);
            return false;
          }
        },
        // // 充值金额变化时触发
        // czInputChange() {
        //     let data = this.czData
        //     let isPass = true
        //     if (!data.gateway) {
        //         this.errText = "请选择充值方式"
        //         isPass = false
        //     }
        //     if (!data.amount) {
        //         this.errText = "请输入充值金额"
        //         isPass = false
        //     }

        //     if (this.czData.amount == this.czDataOld.amount && this.czData.gateway == this.czDataOld.gateway) {
        //         isPass = false
        //     }

        //     if (isPass) {
        //         this.errText = ""
        //         // 调用充值接口
        //         const params = {
        //             amount: Number(data.amount),
        //             gateway: data.gateway
        //         }
        //         this.doRecharge(params)
        //     }
        // },
        // 充值方式变化时触发
        czSelectChange() {
          let data = this.czData;
          let isPass = true;
          if (!data.gateway) {
            this.errText = lang.index_text30;
            isPass = false;
          }
          if (!data.amount) {
            isPass = false;
          }
          if (isPass) {
            this.errText = "";
            // 调用充值接口
            const params = {
              amount: Number(data.amount),
              gateway: data.gateway,
            };
            this.doRecharge(params);
          }
        },
        // 充值dialog 关闭
        czClose() {
          this.isShowCz = false;
          clearInterval(this.timer);
          this.time = 300000;
        },
        // 充值
        doRecharge(params) {
          this.payLoading1 = true;
          this.isShowimg1 = true;
          this.czDataOld = { ...this.czData };
          recharge(params)
            .then((res) => {
              if (res.data.status === 200) {
                const orderId = res.data.data.id;
                const gateway = params.gateway;
                // 调用支付接口
                pay({ id: orderId, gateway })
                  .then((res) => {
                    this.payLoading1 = false;
                    this.isShowimg1 = true;
                    this.errText = "";
                    if (res.data.status === 200) {
                      this.payHtml = res.data.data.html;
                      console.log(this.payHtml);
                      // 轮询支付状态
                      this.pollingStatus(orderId);
                    }
                  })
                  .catch((error) => {
                    this.payLoading1 = false;
                    this.isShowimg1 = false;
                    this.errText = error.data.msg;
                  });
              }
            })
            .catch((error) => {
              // 显示错误信息
              this.errText = error.data.msg;
              // 关闭loading
              this.payLoading1 = false;
              // 第三方支付
              this.payHtml = "";
            });
        },
        // 轮循支付状态
        pollingStatus(id) {
          if (this.timer) {
            clearInterval(this.timer);
          }
          this.timer = setInterval(async () => {
            const res = await getPayStatus(id);
            this.time = this.time - 2000;
            if (res.data.code === "Paid") {
              this.$message.success(res.data.msg);
              clearInterval(this.timer);
              this.time = 300000;
              this.isShowCz = false;
              this.isShowZf = false;
              indexData().then((res) => {
                this.account = res.data.data.account;
                this.account.firstName =
                  res.data.data.account.username.substring(0, 1);
                this.percentage =
                  (Number(this.account.this_month_consume) /
                    Number(this.account.consume)) *
                    100 || 0;
              });
              return false;
            }
            if (this.time === 0) {
              clearInterval(this.timer);
              // 关闭充值 dialog
              this.isShowCz = false;
              this.isShowZf = false;
              this.$message.error(lang.index_text31);
            }
          }, 2000);
        },
        // 获取通用配置
        async getCommonData() {
          this.commonData = JSON.parse(
            localStorage.getItem("common_set_before")
          ) || {
            currency_prefix: "￥",
          };
          const res = await getCommon();
          this.commonData = res.data.data;
          localStorage.setItem(
            "common_set_before",
            JSON.stringify(res.data.data)
          );
          document.title =
            this.commonData.website_name + "-" + lang.index_text33;
        },
        // 获取推广者基础信息
        getPromoterInfo() {
          promoterInfo()
            .then((res) => {
              if (res.data.status == 200) {
                this.promoterData = res.data.data.promoter;
                if (res.data.data.promoter.permission === 0) {
                  this.showRight = false;
                }
                if (
                  JSON.stringify(this.promoterData) == "{}" ||
                  !res.data.data.promoter.url
                ) {
                  this.isOpen = false;
                } else {
                  this.isOpen = true;
                }
              }
            })
            .catch((err) => {
              this.isOpen = false;
              this.showRight = false;
            });
        },
        // 开启推介计划
        openReferral() {
          openRecommend()
            .then((res) => {
              if (res.data.status == 200) {
                this.$message.success(res.data.msg);
                this.getPromoterInfo();
                this.openVisible = false;
              }
            })
            .catch((error) => {
              this.$message.error(error.data.msg);
            });
        },
        // 复制
        copyUrl(text) {
          if (navigator.clipboard && window.isSecureContext) {
            // navigator clipboard 向剪贴板写文本
            this.$message.success(lang.index_text32);
            return navigator.clipboard.writeText(text);
          } else {
            // 创建text area
            const textArea = document.createElement("textarea");
            textArea.value = text;
            // 使text area不在viewport，同时设置不可见
            document.body.appendChild(textArea);
            // textArea.focus()
            textArea.select();
            this.$message.success(lang.index_text32);
            return new Promise((res, rej) => {
              // 执行复制命令并移除文本框
              document.execCommand("copy") ? res() : rej();
              textArea.remove();
            });
          }
        },
      },
    }).$mount(template);
    typeof old_onload == "function" && old_onload();
  };
})(window);