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; //预案信息

  unitId;
  async ngOnInit(): Promise<void> {
    await this.login(); //登录存储token
    this.route.queryParams.subscribe((paramsData) => {
      if (paramsData.planId) {
        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);
            let queryParams = {};
            if (data.webTextData && data.planType === 16) {
              queryParams = {
                id: data.companyId,
                planId: data.id,
                orName: data.company.organizationName,
                orId: data.company.organizationId,
                companyId: data.companyId,
                planName: data.name,
                unitName: data.companyName,
                planCategory: data.planCategory,
                unitTypeId: data.company.buildingTypes[0].id,
                pattern: "false",
              };
            } else {
              queryParams = {
                id: data.companyId,
                planId: data.id,
                orName: data.company.organizationName,
                orId: data.company.organizationId,
              };
            }
            this.router.navigate([`/linksPlan`], {
              queryParams: queryParams,
            });
            this.planData = data;

            //如果是查看文件类型

            console.log("data.planType", data.planType);
            if (data.planType != 1 && data.planType != 2) {
              this.fetchUrl = data.attachmentUrls ? data.attachmentUrls[0] : "";
              var index = this.fetchUrl.indexOf("/");

              // 在线编制预案
              if (data.webTextData && data.planType === 16) {
                this.showType = 2;
                return;
              }

              //全景图图片
              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();
            }
          });
      } else if (paramsData.unitId) {
        this.http
          .get(`/api/Companies/${paramsData.unitId}`)
          .subscribe((data: any) => {
            console.log("单位信息", data);
            sessionStorage.setItem("editable", "0");
            sessionStorage.setItem("companyName", data.name);
            sessionStorage.setItem("companyId", data.id);
            sessionStorage.setItem(
              data.id,
              JSON.stringify(data.companyIntegrityScore)
            );
            let queryParams = {
              id: data.id,
              usci: data.usci,
            };
            this.unitId = paramsData.unitId;
            this.router.navigate([`/linksPlan`], {
              queryParams: queryParams,
            });
          });
      }
    });
  }

  async login() {
    await new Promise((resolve, reject) => {
      let { appKey, signature, timestamp } = this.route.snapshot.queryParams;
      if (!appKey || !signature || !timestamp) {
        alert("url参数不完整");
        return;
      }
      this.http
        .get("/api/Account/VerifyAppInfo", {
          params: {
            appKey: appKey,
            signature: signature,
            timestamp: timestamp,
          },
        })
        .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;
    } 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`;
      }
    }
  }
}