BIP拓展js的使用

__app.define("common_VM_Extend.js", function () {
  var selectData = null;
  var common_VM_Extend = {
    afterInitOrder: function (opt) {
      if (document.querySelector(".more-btn2")) {
        document.querySelector(".more-btn2").remove();
      }

      if (
        document.querySelector(".order-row .info-detail .row-btns .edit-btn")
      ) {
        document
          .querySelector(".order-row .info-detail .row-btns .edit-btn")
          .remove();
      }

      if (!opt.data.id) {
        opt.vm.$set(opt.data, "cReceiver", "");
        opt.vm.$set(opt.data, "cReceiveAddress", "");
        opt.vm.$set(opt.data, "cReceiveZipCode", "");
        opt.vm.$set(opt.data, "cReceiveMobile", "");
        opt.vm.$set(opt.data, "cReceiveTelePhone", "");

        setTimeout(() => {
          if (
            document.querySelector(
              ".order-row .info-detail .row-content .row-default"
            )
          ) {
            document
              .querySelector(
                ".order-row .info-detail .row-content .row-default"
              )
              .remove();
          }
        }, 0);
      }

      window.addEventListener("message", (messageEvent) => {
        if (messageEvent.data["close"] == "1") {
          if (messageEvent.data["selectData"]) {
            selectData = messageEvent.data["selectData"][0];
            opt.vm.$set(
              opt.data,
              "cReceiver",
              messageEvent.data["selectData"][0]["name"]
            );

            opt.vm.$set(
              opt.data,
              "cReceiveAddress",
              `${messageEvent.data["selectData"][0]["province_name"]} ${messageEvent.data["selectData"][0]["city_name"]} ${messageEvent.data["selectData"][0]["area_name"]} ${messageEvent.data["selectData"][0]["address_name"]} ${messageEvent.data["selectData"][0]["addressdetail"]}`
            );

            opt.vm.$set(
              opt.data,
              "cReceiveZipCode",
              messageEvent.data["selectData"][0]["zipcode"]
            );

            opt.vm.$set(
              opt.data,
              "cReceiveMobile",
              messageEvent.data["selectData"][0]["phone"]
            );

            opt.vm.$set(
              opt.data,
              "cReceiveTelePhone",
              messageEvent.data["selectData"][0]["phone"]
            );

            let define4Set = messageEvent.data["selectData"][0]["city_code"]
              ? `1${messageEvent.data["selectData"][0]["city_code"]}`
              : "";
            let define6Set = messageEvent.data["selectData"][0]["area_code"]
              ? `1${messageEvent.data["selectData"][0]["area_code"]}`
              : "";
            let define8Set = messageEvent.data["selectData"][0]["address_code"]
              ? `1${messageEvent.data["selectData"][0]["address_code"]}`
              : "";

            opt.data["oOrderDefine"] = {
              define4: `1${messageEvent.data["selectData"][0]["province_code"]}`, //省份ID  U9C编码
              define8: messageEvent.data["selectData"][0]["province_name"], //省份名称

              define5: define4Set
                ? define4Set.slice(0, define4Set.length - 8)
                : "", //城市ID  U9C编码
              define9: messageEvent.data["selectData"][0]["city_name"], //城市名称

              define6: define6Set
                ? define6Set.slice(0, define6Set.length - 6)
                : "", // U9C编码 //区县ID

              define10: messageEvent.data["selectData"][0]["area_name"], //区县名称

              define7: define8Set
                ? define8Set.slice(0, define8Set.length - 3)
                : "", //乡镇ID
              define11: messageEvent.data["selectData"][0]["address_name"], //乡镇名称
              define3: `${messageEvent.data["selectData"][0]["province_name"]}${messageEvent.data["selectData"][0]["city_name"]}${messageEvent.data["selectData"][0]["area_name"]}${messageEvent.data["selectData"][0]["address_name"]}${messageEvent.data["selectData"][0]["addressdetail"]}`, //详细地址
            };
            opt.vm.setOrder(opt.data);
          }
          document.getElementById("shoudanModal").style.display = "none";
        }
      });

      let moreBtn = document.createElement("button");
      moreBtn.id = "newMoreBtn";
      moreBtn.style =
        "width:65px;height:24px;border: 1px solid #666;border-radius: 4px;line-height: 24px;margin-left: 16px;background-color: #fff;";
      moreBtn.innerHTML = "更多地址";
      document.querySelector(".order-row").appendChild(moreBtn);

      let modalStr = `<div class="ivu-modal-wrap" id="shoudan-wrapper">
          <div class="ivu-modal" style="width: 1000px;">
          <div class="ivu-modal-content">
          <a class="ivu-modal-close" id="shoudan-close"><i class="ivu-icon ivu-icon-ios-close"></i></a>
          <div class="ivu-modal-header">
            收货地址
          </div>
          <div class="ivu-modal-body" id="defineModal" style="width:100%;height:100%">
          </div>
          </div>
        </div>
      </div>`;

      let shoudanModal = document.createElement("div");
      shoudanModal.id = "shoudanModal";
      shoudanModal.innerHTML = modalStr;
      shoudanModal.style.display = "none";
      document.body.appendChild(shoudanModal);
      let shadow = document.createElement("div");
      shadow.style.position = "fixed";
      shadow.style.top = 0;
      shadow.style.bottom = 0;
      shadow.style.left = 0;
      shadow.style.right = 0;
      shadow.style.backgroundColor = "rgba(55,55,55,.6)";
      shadow.style.height = "100%";
      shadow.style.zIndex = "999";
      document.getElementById("shoudanModal").appendChild(shadow);

      document.getElementById("shoudan-close").onclick = function () {
        document.getElementById("shoudanModal").style.display = "none";
      };

      document.getElementById("newMoreBtn").onclick = function () {
        let agentId = opt.data.oAgent.agentId;
        var retailAgentName = opt.data.oAgent.cName
          ? opt.data.oAgent.cName
          : window.__app.mainV.$store.getters.currentUser["agentName"];
        var cOrderid = opt.data.id ? opt.data.id : "";
        var cOrderNo = opt.data.cOrderNo ? opt.data.cOrderNo : "";
        let iframeEle = document.createElement("iframe");
        iframeEle.src = `https://yonbip.diwork.com/mdf-node/meta/VoucherList/c918827cList?domainKey=developplatform&designPreview=true&agentId=${agentId}&retailAgentName=${retailAgentName}&cOrderid=${cOrderid}&cOrderNo=${cOrderNo}`;
        // iframeEle.src = `https://yonbip.diwork.com/mdf-node/meta/VoucherList/yb7cd31050List?domainKey=developplatform&designPreview=true&agentId=${agentId}&retailAgentName=${retailAgentName}&cOrderid=${cOrderid}&cOrderNo=${cOrderNo}`;
        iframeEle.id = "receiver";
        iframeEle.style = "width:100%;height:620px";
        document.getElementById("defineModal").innerHTML = "";
        document.getElementById("defineModal").appendChild(iframeEle);
        document.getElementById("shoudanModal").style.display = "block";
        return false;
      };
    },

    afterRequest: function (response) {
      if (
        response &&
        response.data.code === 200 &&
        response.url.indexOf("/voucher/order/generateOrderBySaleScat") > -1
      ) {
        if (selectData) {
          response.data.data.cReceiver = selectData.name;
          response.data.data.cReceiveAddress = `${selectData["province_name"]} ${selectData["city_name"]} ${selectData["area_name"]} ${selectData["address_name"]} ${selectData["addressdetail"]}`;
          response.data.data.cReceiveZipCode = selectData["zipcode"];
          response.data.data.cReceiveMobile =
            response.data.data.cReceiveTelePhone = selectData["phone"];
          let define4Set = selectData["city_code"]
            ? `1${selectData["city_code"]}`
            : "";
          let define6Set = selectData["area_code"]
            ? `1${selectData["area_code"]}`
            : "";
          let define8Set = selectData["address_code"]
            ? `1${selectData["address_code"]}`
            : "";

          response.data.data["oOrderDefine"] = {
            define4: `1${selectData["province_code"]}`, //省份ID  U9C编码
            define8: selectData["province_name"], //省份名称
            define5: define4Set
              ? define4Set.slice(0, define4Set.length - 8)
              : "", //城市ID  U9C编码
            define9: selectData["city_name"], //城市名称
            define6: define6Set
              ? define6Set.slice(0, define6Set.length - 6)
              : "", // U9C编码 //区县ID
            define10: selectData["area_name"], //区县名称
            define7: define8Set
              ? define8Set.slice(0, define8Set.length - 3)
              : "", //乡镇ID
            define11: selectData["address_name"], //乡镇名称
            define3: `${selectData["province_name"]}${selectData["city_name"]}${selectData["area_name"]}${selectData["address_name"]}${selectData["addressdetail"]}`, //详细地址
          };
        }
      }
    },
  };
  return common_VM_Extend;
});