ShangHaiYuan-AnXin/src/app/external-links-plan/external-links-plan.component.ts

import { HttpClient } from "@angular/common/http";
import { Component, OnInit } from "@angular/core";
import { ActivatedRoute, Router } from "@angular/router";
import { CacheTokenService } from "../http-interceptors/cache-token.service";
import { Viewer } from "photo-sphere-viewer";
import { DomSanitizer } from "@angular/platform-browser";

@Component({
  selector: "app-external-links-plan",
  templateUrl: "./external-links-plan.component.html",
  styleUrls: ["./external-links-plan.component.scss"],
})
export class ExternalLinksPlanComponent implements OnInit {
  constructor(
    private http: HttpClient,
    private token: CacheTokenService,
    public route: ActivatedRoute,
    private sanitizer: DomSanitizer,
    private router: Router
  ) {}

  planId: any; //预案id
  viewer; //全景图对象
  fetchUrl; //预案文件地址
  showType; //预案类型  1：全景图
  planData; //预案信息

  async ngOnInit(): Promise<void> {
    await this.login(); //登录存储token
    this.route.queryParams.subscribe((paramsData) => {
      this.planId = paramsData.planId;
      this.http
        .get(`/api/PlanComponents/${this.planId}`)
        .subscribe((data: any) => {
          console.log("单个预案详细信息", data);
          sessionStorage.setItem("planId", data.id);
          sessionStorage.setItem("companyId", data.companyId);
          sessionStorage.setItem(
            "buildingTypeId",
            data.company.buildingTypes[0].id
          );
          sessionStorage.setItem("editable", "0");
          sessionStorage.setItem("planName", data.name);
          this.router.navigate([`/linksPlan`], {
            queryParams: {
              id: data.companyId,
              planId: data.id,
              orName: data.company.organizationName,
              orId: data.company.organizationId,
            },
          });
          this.planData = data;

          //如果是查看文件类型
          if (data.planType != 1 && data.planType != 2) {
            this.fetchUrl = data.attachmentUrls[0];
            var index = this.fetchUrl.indexOf("/");
            //图片
            if (this.fetchUrl.substr(0, index) == "psw") {
              this.showType = 1;
              var obj = document.getElementById("viewer");
              if (obj != null) {
                obj.innerHTML = "";
              }
              window.setTimeout(() => {
                this.viewer = new Viewer({
                  container: document.querySelector("#viewer"),
                  panorama: "/api/Objects/PlanPlatform/" + this.fetchUrl,
                });
              });
            } else {
              //word文档
              this.lookWord();
            }
          } else {
            // 如果是二三维预案
            this.handleData();
          }
        });
    });
  }

  async login() {
    await new Promise((resolve, reject) => {
      this.http
        .post("/api/Account/SignIn", {
          name: "zhuzhouyuanchakan",
          password: "12345678",
        })
        .subscribe((data: any) => {
          sessionStorage.setItem("level", data.level);
          sessionStorage.setItem("token", data.token);
          sessionStorage.setItem("refreshToken", data.refreshToken);
          console.log("登录成功", data);
          resolve(data);
          this.token.startUp();
        });
    });
  }
  iframeSrc; //word服务器链接
  lookWord() {
    this.showType = 0;
    let src;
    let suffix = this.fetchUrl
      .split(".")
      [this.fetchUrl.split(".").length - 1].toLowerCase();
    if (suffix == "docx" || suffix == "doc") {
      let arr = this.fetchUrl.split(".");
      arr[arr.length - 1] = "pdf";
      src = `/api/Objects/PlanPlatform/` + arr.join(".");
    } else if (suffix == "pdf") {
      src = `/api/Objects/PlanPlatform/` + this.fetchUrl;
    }
    this.iframeSrc = this.sanitizer.bypassSecurityTrustResourceUrl(src);
  }

  companyData; //当前公司信息
  thirdPartyURL;
  threedUrl: any;
  handleData() {
    let data = this.planData;
    if (this.planData.planMode == 1 || this.planData.planMode == 2) {
      //预案planMode=2时, 跳查看页面组件
      this.showType = 3;
      // this.http.get(`/api/Plans/${data.companyId}`).subscribe((data: any) => {
      //   console.log(data);
      //   data && data.company ? (this.companyData = data.company) : null;
      //   sessionStorage.setItem(
      //     "buildingTypeId",
      //     this.companyData.buildingTypes.length
      //       ? this.companyData.buildingTypes[0].id
      //       : undefined
      //   );
      //   sessionStorage.setItem("companyId", data.companyId);
      //   sessionStorage.setItem("planId", this.planId);
      //   sessionStorage.setItem("editable", "0");
      //   sessionStorage.setItem("planName", this.planData.name);

      // });
    } else if (this.planData.planMode == 3) {
      //网页地址
      let localhostPath = window.document.location.href.substring(
        0,
        window.document.location.href.indexOf(window.document.location.pathname)
      );
      let url = data.url;
      if (url.indexOf(localhostPath) != -1) {
        window.location.href = `${url}?unitId=${data.company.id}&unitName=${data.company.name}&editMode=false`;
      } else {
        window.location.href = `${url}?unitId=${data.company.id}&unitName=${data.company.name}&editMode=false`;
      }
    }
  }
}