import { Component, OnInit, ViewChild, Inject } from "@angular/core";
import {
  HttpClient,
  HttpHeaders,
  HttpErrorResponse,
} from "@angular/common/http";
import {
  MatTreeFlatDataSource,
  MatTreeFlattener,
} from "@angular/material/tree";
import { MatPaginator } from "@angular/material/paginator";
import { FlatTreeControl } from "@angular/cdk/tree";
import { FormControl } from "@angular/forms";
import { Router, ActivatedRoute } from "@angular/router";
import { PageEvent } from "@angular/material/paginator";
import {
  MatDialogRef,
  MatDialog,
  MAT_DIALOG_DATA,
} from "@angular/material/dialog";
import { MatSnackBar, MatSnackBarConfig } from "@angular/material/snack-bar";
import { TreeService } from "../../http-interceptors/tree.service";
import { FormBuilder, FormGroup, Validators } from "@angular/forms";
import { async } from "@angular/core/testing";
import { Viewer } from "photo-sphere-viewer";
import { STEPPER_GLOBAL_OPTIONS } from "@angular/cdk/stepper";
import Swiper from "swiper";
import { resolve } from "dns";
import { DomSanitizer } from "@angular/platform-browser";
import { EditPlanCategoryComponent } from "./edit-plan-category/edit-plan-category.component";
declare var CryptoJS;
@Component({
  selector: "app-entry-plan-look",
  templateUrl: "./entry-plan-look.component.html",
  styleUrls: ["./entry-plan-look.component.scss"],
})
export class EntryPlanLookComponent implements OnInit {
  constructor(
    private http: HttpClient,
    private router: Router,
    private route: ActivatedRoute,
    private tree: TreeService,
    public dialog: MatDialog,
    public snackBar: MatSnackBar,
    private sanitizer: DomSanitizer
  ) {}
  pageEvent: PageEvent;
  private _transformer = (node, level: number) => {
    //初始化tree
    return {
      expandable: !!node.children && node.children.length > 0,
      name: node.name,
      level: level,
      id: node.id,
      parentId: node.parentId,
      children: node.children,
    };
  };
  treeControl = new FlatTreeControl<any>(
    (node) => node.level,
    (node) => node.expandable
  );
  treeFlattener = new MatTreeFlattener(
    this._transformer,
    (node) => node.level,
    (node) => node.expandable,
    (node) => node.children
  );
  dataSource = new MatTreeFlatDataSource(this.treeControl, this.treeFlattener);
  myControl = new FormControl();
  hasChild = (_: number, node: any) => node.expandable;
  IsNewData = true; //维护更新活新增
  displayedColumns: string[] = [
    "state",
    "planname",
    "addpeople",
    "addtime",
    "planCategory",
    "plantype",
    "auditstate",
    "weihustate",
    "isopen",
    "preparethelevel",
    "operation",
  ];
  tabledataSource: any;
  //分页
  @ViewChild(MatPaginator, { static: true })
  paginator: MatPaginator;
  length: any; //共多少条数据
  pageSize: any; //每页条数
  pageSizeOptions: number[] = [10]; //设置每页条数
  PageNumber: any = 1; //第几页

  unitdata: any = {};

  unittypeId: any; //单位类型id

  //获取当前单位信息
  compantData: any;
  getCompanyData() {
    let CompanyName = sessionStorage.getItem("companyName");
    let header = {
      CompanyName: CompanyName || "",
    };
    this.http.get("/api/Plans", { params: header }).subscribe((data: any) => {
      data.items.forEach((element) => {
        if (element.companyId === this.route.snapshot.queryParams.unitId) {
          this.compantData = element.company;
          return;
        }
      });
      // console.log(123,this.compantData)
      this.unitdata.unitname = this.compantData.name;
      this.unitdata.organizationName = this.compantData.organizationName;
      this.unitdata.unittype = this.compantData.buildingTypes[0].name;
      this.unitdata.unitaddress = this.compantData.address;
      this.unittypeId = this.compantData.buildingTypes[0].id;
    });
  }
  //跳转单位信息
  lookUnitData() {
    sessionStorage.setItem("editable", "0");
    sessionStorage.setItem(
      "companyName",
      this.route.snapshot.queryParams.unitName
    );
    sessionStorage.setItem("companyId", this.route.snapshot.queryParams.unitId);
    // sessionStorage.setItem(element.id,JSON.stringify(element.companyIntegrityScore))
    window.open(
      `/keyUnit/viewunitinfo?id=${this.route.snapshot.queryParams.unitId}&usci=${this.route.snapshot.queryParams.usci}`
    );
  }
  //分页事件
  changePage(e) {
    this.PageNumber = e.pageIndex + 1;
    this.getAllPlanComponents();
  }
  isoperation: any; //判断预案录入  和  审核公开预案  区别变量
  ngOnInit(): void {
    this.tabledataSource = [];
    this.getCompanyData();
    this.isoperation = this.route.snapshot.queryParams.operation;
    this.unitdata.unitname = this.route.snapshot.queryParams.unitName;
    this.unitdata.organizationName = this.route.snapshot.queryParams.orName;
    this.unitdata.unittype = this.route.snapshot.queryParams.unitType;
    this.unitdata.unitaddress = this.route.snapshot.queryParams.unitAdd;
    this.companyId = this.route.snapshot.queryParams.unitId;
    this.unittypeId = this.route.snapshot.queryParams.unitTypeId;
    this.getAllPlanComponents();
  }
  //查看预案
  lookPlan(e) {
    if (e.planType == 16 || e.planType == 4 || e.planType == 8) {
      if (e.planType == 16 && e.attachmentUrls == null) {
        window.open(
          `/planManagement/createplanonlinefive?navIsOpen=false&companyId=${this.companyId}&planName=${e.name}&unitName=${this.unitdata.unitname}&planCategory=${e.planCategory}&planId=${e.id}&unitTypeId=${this.compantData.buildingTypes[0].id}&orName=${this.compantData.organizationName}&orId=${this.compantData.organizationId}&pattern=false`
        );
      } else {
        var index = e.attachmentUrls[0].indexOf("/");
        if (e.attachmentUrls[0].substr(0, index) == "psw") {
          const dialogRef = this.dialog.open(PsViewer, {
            width: "1500px",
            height: "800px",
            data: e.attachmentUrls[0],
          });
        } else if (
          e.attachmentUrls[0].substr(
            e.attachmentUrls[0].length - 3,
            e.attachmentUrls[0].length
          ) == "JPG" ||
          e.attachmentUrls[0].substr(
            e.attachmentUrls[0].length - 3,
            e.attachmentUrls[0].length
          ) == "png" ||
          e.attachmentUrls[0].substr(
            e.attachmentUrls[0].length - 3,
            e.attachmentUrls[0].length
          ) == "jpeg" ||
          e.attachmentUrls[0].substr(
            e.attachmentUrls[0].length - 3,
            e.attachmentUrls[0].length
          ) == "jpg"
        ) {
          let data = e;
          const dialogRef = this.dialog.open(ImgDetails, {
            //调用open方法打开对话框并且携带参数过去
            data: data.attachmentUrls,
          });
          dialogRef.afterClosed().subscribe();
        } else {
          let fetchUrl = e.attachmentUrls[0];
          if (fetchUrl) {
            let suffix = fetchUrl
              .split(".")
              [fetchUrl.split(".").length - 1].toLowerCase();
            if (suffix == "docx" || suffix == "doc") {
              let arr = fetchUrl.split(".");
              arr[arr.length - 1] = "pdf";
              window.open(`/api/Objects/PlanPlatform/` + arr.join("."));
            } else if (suffix == "pdf") {
              window.open(`/api/Objects/PlanPlatform/` + fetchUrl);
            } else {
              let config = new MatSnackBarConfig();
              config.verticalPosition = "top";
              config.duration = 3000;
              this.snackBar.open("该文件类型暂不支持在线查看", "确定", config);
            }
          }
        }
      }
    }
    if (e.planType == 1 && e.planMode == 2) {
      //如果是在线编辑
      let id = e.id;
      sessionStorage.setItem("planId", id);
      sessionStorage.setItem("companyId", this.companyId);
      sessionStorage.setItem("buildingTypeId", this.unittypeId);
      sessionStorage.setItem("editable", "0");
      sessionStorage.setItem("planName", e.name);
      let companyId = sessionStorage.getItem("companyId");
      window.open(
        `/keyUnit/viewunitinfoplan?id=${companyId}&orName=${this.route.snapshot.queryParams.orName}&orId=${this.route.snapshot.queryParams.orId}`
      );
    }
    if (e.planType == 2 && e.planMode == 3) {
      //如果是跳转网页
      if (e.url.indexOf("app") == 0) {
        window.location.href = e.url;
      } else {
        sessionStorage.setItem("url", e.url);
        if ((e.url as string).includes("gis/threeDimensionalHome")) {
          //三维预案
          window.open(
            `${e.url}?unitId=${this.companyId}&unitName=${this.unitdata.unitname}&editMode=false`
          );
        } else {
          window.open(`/planManagement/webLook`);
        }
      }
    }
  }
  //编辑预案
  editPlan(e) {
    console.log(e);
    const config = new MatSnackBarConfig();
    config.verticalPosition = "top";
    config.duration = 3000;
    if (e.openRange != "未公开" || e.auditStatus != 8) {
      let isTrue = confirm(
        "您确定编辑吗,若是公开预案会变成未公开状态,审核状态也会改变"
      );
      if (isTrue) {
        if (e.auditStatus == 8) {
          if (e.planType == 1) {
            //如果是在线编辑
            let id = e.id;
            let body = {};
            let resetAudit = true;
            let headers = new HttpHeaders({
              "Content-Type": "text/json",
            });
            let options = {
              headers,
            };
            this.http
              .put(
                `/api/PlanComponents/${e.id}?resetAudit=${resetAudit}`,
                body,
                options
              )
              .subscribe((data) => {
                this.getAllPlanComponents();
                // this.lookPlan(e)
              });
            sessionStorage.setItem("planId", id);
            sessionStorage.setItem("companyId", this.companyId);
            sessionStorage.setItem("buildingTypeId", this.unittypeId);
            sessionStorage.setItem("editable", "1");
            sessionStorage.setItem("planName", e.name);
            let companyId = sessionStorage.getItem("companyId");
            window.open(
              `/keyUnit/editunitinfo?id=${companyId}&orName=${this.route.snapshot.queryParams.orName}&orId=${this.route.snapshot.queryParams.orId}`
            );
          } else if (e.planType == 16) {
            if (e.attachmentUrls == null) {
              if (e.planMode == 4) {
                window.open(
                  `/planManagement/createplanonlinefive?navIsOpen=false&companyId=${this.companyId}&planName=${e.name}&unitName=${this.unitdata.unitname}&planCategory=${e.planCategory}&planId=${e.id}&unitTypeId=${this.compantData.buildingTypes[0].id}&orName=${this.compantData.organizationName}&orId=${this.compantData.organizationId}&pattern=true&planMode=${e.planMode}`
                );
              } else {
                window.open(
                  `/planManagement/createplanonlinefive?navIsOpen=false&companyId=${this.companyId}&planName=${e.name}&unitName=${this.unitdata.unitname}&planCategory=${e.planCategory}&planId=${e.id}&unitTypeId=${this.compantData.buildingTypes[0].id}&orName=${this.compantData.organizationName}&orId=${this.compantData.organizationId}&pattern=true&planMode=${e.planMode}`
                );
              }
            } else {
              let body = {};
              let resetAudit = true;
              let headers = new HttpHeaders({
                "Content-Type": "text/json",
              });
              let options = {
                headers,
              };
              this.http
                .put(
                  `/api/PlanComponents/${e.id}?resetAudit=${resetAudit}`,
                  body,
                  options
                )
                .subscribe(
                  (data) => {
                    /* this.getAllPlanComponents()
                this.lookPlan(e) */
                    const dialogRef = this.dialog.open(editUpload, {
                      width: "300px",
                      height: "150px",
                      data: {
                        id: e.id,
                        companyId: this.companyId,
                        unitType: this.unitdata.unittype,
                        unitName: this.unitdata.unitname,
                      },
                      disableClose: true,
                    });
                    dialogRef.afterClosed().subscribe((data) => {
                      this.getAllPlanComponents();
                    });
                  } /* ,err => {
            this.snackBar.open(err,'确定',config);
          } */
                );
            }
          } else if (e.planType == 2) {
            //三维预案
            const dialogRef = this.dialog.open(ChangeUrl, {
              //改网址
              data: { element: e },
            });
            dialogRef.afterClosed().subscribe((data) => {
              if (data) {
                const config = new MatSnackBarConfig();
                config.verticalPosition = "top";
                config.duration = 3000;
                this.snackBar.open("修改成功!", "确定", config);
                this.getAllPlanComponents();
              }
            });
          } else {
            this.snackBar.open(
              "只有二维预案和文本预案可以编辑!",
              "确定",
              config
            );
          }
        } else {
          //let isTrue = confirm('编辑后审核状态会成为未审核状态，您确定要编辑吗')
          if (e.planType == 1) {
            //如果是在线编辑
            let id = e.id;
            let body = {};
            let resetAudit = true;
            let headers = new HttpHeaders({
              "Content-Type": "text/json",
            });
            let options = {
              headers,
            };
            this.http
              .put(
                `/api/PlanComponents/${e.id}?resetAudit=${resetAudit}`,
                body,
                options
              )
              .subscribe(
                (data) => {
                  this.getAllPlanComponents();
                  // this.lookPlan(e)
                } /* ,err => {
            this.snackBar.open(err,'确定',config);
          } */
              );
            sessionStorage.setItem("planId", id);
            sessionStorage.setItem("companyId", this.companyId);
            sessionStorage.setItem("buildingTypeId", this.unittypeId);
            sessionStorage.setItem("editable", "1");
            sessionStorage.setItem("planName", e.name);
            let companyId = sessionStorage.getItem("companyId");
            window.open(
              `/keyUnit/editunitinfo?id=${companyId}&orName=${this.route.snapshot.queryParams.orName}&orId=${this.route.snapshot.queryParams.orId}`
            );
          } else if (e.planType == 16) {
            if (e.attachmentUrls == null) {
              console.log(this.compantData);
              window.open(
                `/planManagement/createplanonlinefive?navIsOpen=false&companyId=${this.companyId}&planName=${e.name}&unitName=${this.unitdata.unitname}&planCategory=${e.planCategory}&planId=${e.id}&unitTypeId=${this.compantData.buildingTypes[0].id}&orName=${this.compantData.organizationName}&orId=${this.compantData.organizationId}&planMode=${e.planMode}`
              );
            } else {
              let body = {};
              let resetAudit = true;
              let headers = new HttpHeaders({
                "Content-Type": "text/json",
              });
              let options = {
                headers,
              };
              this.http
                .put(
                  `/api/PlanComponents/${e.id}?resetAudit=${resetAudit}`,
                  body,
                  options
                )
                .subscribe(
                  (data) => {
                    const dialogRef = this.dialog.open(editUpload, {
                      width: "300px",
                      height: "150px",
                      data: {
                        id: e.id,
                        companyId: this.companyId,
                        unitType: this.unitdata.unittype,
                        unitName: this.unitdata.unitname,
                      },
                      disableClose: true,
                    });
                    dialogRef.afterClosed().subscribe((data) => {
                      this.getAllPlanComponents();
                    });
                  } /* ,err => {
            this.snackBar.open(err,'确定',config);
          } */
                );
            }
          } else if (e.planType == 2) {
            //三维预案

            const dialogRef = this.dialog.open(ChangeUrl, {
              data: { element: e },
            });
            dialogRef.afterClosed().subscribe((data) => {
              if (data) {
                const config = new MatSnackBarConfig();
                config.verticalPosition = "top";
                config.duration = 3000;
                this.snackBar.open("修改成功!", "确定", config);
                this.getAllPlanComponents();
              }
            });
          } else {
            this.snackBar.open(
              "只有二维预案和文本预案可以编辑!",
              "确定",
              config
            );
          }
        }
      }
    } else {
      if (e.planType == 1) {
        //如果是在线编辑
        let id = e.id;
        sessionStorage.setItem("planId", id);
        sessionStorage.setItem("companyId", this.companyId);
        sessionStorage.setItem("buildingTypeId", this.unittypeId);
        sessionStorage.setItem("editable", "1");
        sessionStorage.setItem("planName", e.name);
        let companyId = sessionStorage.getItem("companyId");
        window.open(
          `/keyUnit/editunitinfo?id=${companyId}&orName=${this.route.snapshot.queryParams.orName}&orId=${this.route.snapshot.queryParams.orId}`
        );
      } else if (e.planType == 16) {
        if (e.attachmentUrls == null) {
          if (e.planMode == 4) {
            window.open(
              `/planManagement/createplanonlinefive?navIsOpen=false&companyId=${this.companyId}&planName=${e.name}&unitName=${this.unitdata.unitname}&planCategory=${e.planCategory}&planId=${e.id}&unitTypeId=${this.compantData.buildingTypes[0].id}&orName=${this.compantData.organizationName}&orId=${this.compantData.organizationId}&pattern=true&planMode=${e.planMode}`
            );
          } else {
            window.open(
              `/planManagement/createplanonlinefive?navIsOpen=false&companyId=${this.companyId}&planName=${e.name}&unitName=${this.unitdata.unitname}&planCategory=${e.planCategory}&planId=${e.id}&unitTypeId=${this.compantData.buildingTypes[0].id}&orName=${this.compantData.organizationName}&orId=${this.compantData.organizationId}&pattern=true&planMode=${e.planMode}`
            );
          }
        } else {
          let body = {};
          let resetAudit = true;
          let headers = new HttpHeaders({
            "Content-Type": "text/json",
          });
          let options = {
            headers,
          };
          this.http
            .put(
              `/api/PlanComponents/${e.id}?resetAudit=${resetAudit}`,
              body,
              options
            )
            .subscribe((data) => {
              const dialogRef = this.dialog.open(editUpload, {
                width: "300px",
                height: "200px",
                data: {
                  id: e.id,
                  companyId: this.companyId,
                  unitType: this.unitdata.unittype,
                  unitName: this.unitdata.unitname,
                },
                disableClose: true,
              });
              dialogRef.afterClosed().subscribe((data) => {
                this.getAllPlanComponents();
              });
            });
        }
      } else if (e.planType == 2) {
        //三维预案
        const dialogRef = this.dialog.open(ChangeUrl, {
          //改网址
          data: { element: e },
        });
        dialogRef.afterClosed().subscribe((data) => {
          if (data) {
            const config = new MatSnackBarConfig();
            config.verticalPosition = "top";
            config.duration = 3000;
            this.snackBar.open("修改成功!", "确定", config);
            this.getAllPlanComponents();
          }
        });
        /* if (e.url.indexOf('app') == 0) {
          window.location.href = e.url
        } else {
          sessionStorage.setItem("url", e.url)
          if ((e.url as string).includes('gis/threeDimensionalHome')) { //三维预案
            window.open(`${e.url}?unitId=${this.companyId}&unitName=${this.unitdata.unitname}&editMode=true`)
          } else {
            window.open(`/planManagement/webLook`)
          }
        } */
      } else {
        this.snackBar.open("只有二维预案和文本预案可以编辑!", "确定", config);
      }
      /* else {
         if (e.planType == 1) {  //如果是在线编辑
           let id = e.id
           sessionStorage.setItem("planId", id)
           sessionStorage.setItem("companyId", this.companyId)
           sessionStorage.setItem("buildingTypeId", this.unittypeId)
           sessionStorage.setItem("editable", "1")
           sessionStorage.setItem("planName", e.name)
           let companyId = sessionStorage.getItem("companyId")
           window.open(`/keyUnit/editunitinfo?id=${companyId}&orName=${this.route.snapshot.queryParams.orName}&orId=${this.route.snapshot.queryParams.orId}`);
         }
         else if (e.planType == 16) {
           if (e.attachmentUrls == null) {
             console.log(this.compantData)
             window.open(`/planManagement/createplanonlinefive?navIsOpen=false&companyId=${this.companyId}&planName=${e.name}&unitName=${this.unitdata.unitname}&planCategory=${e.planCategory}&planId=${e.id}&unitTypeId=${this.compantData.buildingTypes[0].id}&orName=${this.compantData.organizationName}&orId=${this.compantData.organizationId}`)
           }
           else {
             let body = {};
             let resetAudit = true
             let headers = new HttpHeaders({
               'Content-Type': 'text/json'
             });
             let options = {
               headers
             };
             this.http.put(`/api/PlanComponents/${e.id}?resetAudit=${resetAudit}`, body, options).subscribe(data => {
               this.getAllPlanComponents()
               this.lookPlan(e)
             })
           }
 
         }
         else if (e.planType == 2) { //三维预案
           const dialogRef = this.dialog.open(ChangeUrl, {
             data: { element: e }
           });
           dialogRef.afterClosed().subscribe(
             data => {
               if (data) {
                 const config = new MatSnackBarConfig();
                 config.verticalPosition = 'top';
                 config.duration = 3000
                 this.snackBar.open('修改成功!', '确定', config);
                 this.getAllPlanComponents()
                 
               }
             }
           );
         } else {
 
           this.snackBar.open('只有二维预案和文本预案可以编辑!', '确定', config);
         }
       
     } */
    }
  }
  allPlanComponents: any; //所有预案组件
  companyId: any; //新建预案需要使用的id
  planId: any; //统一预案id
  lookUrl; //查看文件路径
  //改名
  changeName(element) {
    // console.log(element)
    const dialogRef = this.dialog.open(ChangeName, {
      data: { element: element },
    });
    dialogRef.afterClosed().subscribe((data) => {
      if (data) {
        const config = new MatSnackBarConfig();
        config.verticalPosition = "top";
        config.duration = 3000;
        this.snackBar.open("修改成功!", "确定", config);
        this.getAllPlanComponents();
      }
    });
  }

  //修改预案级别
  editPlanCategory(data) {
    console.log(data);
    const dialogRef = this.dialog.open(EditPlanCategoryComponent, {
      data: data,
    });
    dialogRef.afterClosed().subscribe((data) => {
      if (data) {
        const config = new MatSnackBarConfig();
        config.verticalPosition = "top";
        config.duration = 3000;
        this.snackBar.open("修改成功!", "确定", config);
        this.getAllPlanComponents();
      }
    });
  }
  //获得所有预案组件
  audit: boolean;
  getAllPlanComponents() {
    let pagetype = this.route.snapshot.queryParams.pagetype;
    let unitId = this.route.snapshot.queryParams.unitId;
    let paramsData: any;
    if (pagetype == "entryplan") {
      paramsData = {
        companyId: unitId,
        pageNumber: this.PageNumber,
        pageSize: "",
        sort: "",
      };
    }
    if (pagetype == "passplan") {
      paramsData = {
        companyId: unitId,
        pageNumber: this.PageNumber,
        pageSize: "",
        AuditStatus: 2,
        sort: "",
      };
    }
    if (pagetype == "openplan") {
      paramsData = {
        companyId: unitId,
        pageNumber: this.PageNumber,
        pageSize: "",
        IsPublic: true,
        sort: "",
      };
    }

    this.http
      .get("/api/PlanComponents", { params: paramsData })
      .subscribe((data: any) => {
        this.length = data.totalCount;
        this.allPlanComponents = data;
        this.tabledataSource = data.items;
        console.log("预案列表", data.items);
        /* if(this.tabledataSource.isNewData){
        this.tabledataSource.auditStatus==8?this.audit=true:false
      }else{
        (this.tabledataSource.newVerifyState=='待终审'&&this.tabledataSource.newVerifyState=='审核中'&&this.tabledataSource.maintenanceVerifyState!='未提交审核')?this.audit=false:true
      } */
      });
  }
  //删除预案
  deletePlan(plandata) {
    const config = new MatSnackBarConfig();
    config.verticalPosition = "top";
    config.duration = 3000;
    let isTrue = confirm("您确定要删除吗");
    if (isTrue) {
      if (plandata.planType == 1) {
        //如果删除的是二维预案
        this.http.delete(`/api/PlanComponents2D/${plandata.id}`).subscribe(
          (data) => {
            this.snackBar.open("删除成功!", "确定", config);
            this.getAllPlanComponents();
          },
          (err) => {
            this.snackBar.open(err, "确定", config);
          }
        );
      } else {
        this.http.delete(`/api/PlanComponents/${plandata.id}`).subscribe(
          (data) => {
            const config = new MatSnackBarConfig();
            config.verticalPosition = "top";
            config.duration = 3000;
            this.snackBar.open("删除成功!", "确定", config);
            this.getAllPlanComponents();
          },
          (err) => {
            this.snackBar.open(err, "确定", config);
          }
        );
      }
    }
  }
  //提交审核
  submitAudit(element) {
    const config = new MatSnackBarConfig();
    config.verticalPosition = "top";
    config.duration = 3000;
    if (element.auditStatus == 4 || element.auditStatus == 32) {
      this.snackBar.open(
        "审核退回的预案需要修改后方可再次提交审核!",
        "确定",
        config
      );
    }
    if (element.planType == 1) {
      //如果提交审核的是二维预案
      if (
        element.auditStatus == 8 ||
        (element.auditStatus == 2 && !element.isNewData)
      ) {
        this.http
          .put(`/api/PlanComponents2D/${element.id}/Commit`, "")
          .subscribe((data) => {
            this.getAllPlanComponents();
          });
      }
    } else {
      this.http
        .put(`/api/PlanComponents/${element.id}/Commit`, "")
        .subscribe((data) => {
          this.getAllPlanComponents();
        });
    }
  }

  //撤销审核
  cancelAudit(element) {
    if (element.planType == 1) {
      //如果撤销审核的是二维预案
      this.http
        .put(`/api/PlanComponents2D/${element.id}/Cancel`, "")
        .subscribe((data) => {
          this.getAllPlanComponents();
        });
    } else {
      this.http
        .put(`/api/PlanComponents/${element.id}/Cancel`, "")
        .subscribe((data) => {
          this.getAllPlanComponents();
        });
    }
  }
  //审核结果
  auditResult(element) {
    const dialogRef = this.dialog.open(AuditResult, {
      width: "395px",
      data: { element: element },
    });
  }

  //下载↓
  selectDownloadFile: any; //选择下载的文件
  download: any; //下载文件元数据
  downloadisLoading: boolean = false; //进度条loading加载
  downloadProgress: number = 0; //进度条进度
  downloadFileName: any;

  uploadFileLonging: any;
  //读取下载文件信息
  readFile(element) {
    this.uploadFileLonging = element;
    console.log(element);
    if (
      element.planType == 16 &&
      (element.planMode == 4 || element.planMode == 2)
    ) {
      const dialogRef = this.dialog.open(wenbenUpload, {
        width: "180px",
        height: "200px",
        disableClose: true,
        data: {
          src: `/planManagement/createplanonlinefive?navIsOpen=false&companyId=${this.companyId}&planName=${element.name}&unitName=${this.unitdata.unitname}&planCategory=${element.planCategory}&planId=${element.id}&unitTypeId=${this.compantData.buildingTypes[0].id}&orName=${this.compantData.organizationName}&orId=${this.compantData.organizationId}&pattern=false&xiazai=true`,
        },
      });
      //window.open(`/planManagement/createplanonlinefive?navIsOpen=false&companyId=${this.companyId}&planName=${element.name}&unitName=${this.unitdata.unitname}&planCategory=${element.planCategory}&planId=${element.id}&unitTypeId=${this.compantData.buildingTypes[0].id}&orName=${this.compantData.organizationName}&orId=${this.compantData.organizationId}&pattern=false&xiazai=true`)
    } else {
      const dialogRef = this.dialog.open(DownloadFile, {
        width: "435px",
        // height:"410px",
        data: {
          fileUrls: element.attachmentUrls,
          compantData: this.unitdata.unitname,
          element: element,
        },
      });
      dialogRef.afterClosed().subscribe((data) => {
        if (data) {
          this.downloadFileName = data.fileName;
          this.download = data;
          this.downloadFile();
        }
      });
    }
  }

  //初始化下载
  downloadFile() {
    this.downloadProgress = 0;
    let file = this.download;
    let fileSize = file.fileLength; //下载文件的总大小
    let shardSize = 10 * 1024 * 1024; //文件大小是否大于10MB
    console.log(file);
    if (file && fileSize <= shardSize) {
      //<=10MB时直接下载
      this.downloadisLoading = true;
      // this.setFileLoading()
      this.http
        .get(`/api/Objects/PlanPlatform/${file.objectName}`, {
          responseType: "blob",
        })
        .subscribe((data) => {
          console.log(data);
          let url = window.URL.createObjectURL(new Blob([data])); //createObjectURL创建一个下载Blob的url地址
          let link = document.createElement("a");
          link.style.display = "none";
          link.href = url;

          let suffix = file.objectName.substring(
            file.objectName.lastIndexOf(".") + 1,
            file.objectName.length
          );
          link.setAttribute(
            "download",
            file.fileName
              ? file.fileName
              : this.unitdata.unitname +
                  "-" +
                  this.uploadFileLonging.name +
                  "." +
                  suffix
          );
          document.body.appendChild(link);
          link.click();
          this.downloadisLoading = false;
          // this.setFileLoading()
        });
    } else if (file && fileSize > shardSize) {
      //>10MB时分块下载
      this.blockingDownload(); //分段下载
      this.downloadisLoading = true;
      // this.setFileLoading()
    }
  }

  //分段下载并合并
  async blockingDownload() {
    let file = this.download;
    let fileSize = file.fileLength; //下载文件的总大小
    let shardSize = 3 * 1024 * 1024; //3MB一个分片
    let allSlice = Math.ceil(fileSize / shardSize); //总文件/3MB===共分多少段
    let allFile: any = []; //所有的file分段

    for (let i = 0; i < allSlice; i++) {
      let start = i * shardSize; //每次下载文件开始位置
      let end = Math.min(fileSize, start + shardSize - 1); //每次下载文件结束为止

      let result = await new Promise((result, reject) => {
        this.http
          .get(`/api/Objects/PlanPlatform/${file.objectName}`, {
            headers: { range: `bytes= ${start}-${end}` },
            responseType: "blob",
          })
          .subscribe((data) => {
            result(data);
          });
      });
      allFile.push(result);
      this.downloadProgress = Number((i / allSlice).toFixed(2)) * 100;

      if (allFile.length === allSlice) {
        //合并文件输出给浏览器
        let url = window.URL.createObjectURL(new Blob(allFile)); //createObjectURL创建一个下载Blob的url地址
        let link = document.createElement("a");
        link.style.display = "none";
        link.href = url;
        let suffix = file.objectName.substring(
          file.objectName.lastIndexOf(".") + 1,
          file.objectName.length
        );
        link.setAttribute(
          "download",
          file.fileName
            ? file.fileName
            : this.unitdata.unitname +
                "-" +
                this.uploadFileLonging.name +
                "." +
                suffix
        );
        document.body.appendChild(link);
        link.click();
        // this.downloadProgress = 0
        this.downloadisLoading = false;
        // this.setFileLoading()
      }
    } //for循环
  }

  //取消分块下载
  cancelDowload() {}

  //封装函数设置当前文件loading状态
  setFileLoading() {
    // let id = this.selectDownloadFile.id
    // this.CADList.forEach(element => {
    //   if (element.id === id) { element.loading = !element.loading }
    // });
  }

  //新建预案弹出框
  addplan() {
    const dialogRef = this.dialog.open(AddPlanone, {
      width: "585px",
      height: "430px",
      data: {
        companyId: this.companyId,
        unitType: this.unitdata.unittype,
        unitName: this.unitdata.unitname,
      },
      disableClose: true,
    });
    dialogRef.afterClosed().subscribe((data) => {
      if (data) {
        // this.route.snapshot.queryParams.id = data.planId
        this.planId = data.planId;
        this.getAllPlanComponents();
        if (data.planMode == 2) {
          //如果添加方式为在线编辑
          sessionStorage.setItem("planId", data.id);
          sessionStorage.setItem("companyId", this.companyId);
          sessionStorage.setItem("buildingTypeId", this.unittypeId);
          sessionStorage.setItem("editable", "1");
          let companyId = sessionStorage.getItem("companyId");
          window.open(
            `/keyUnit/editunitinfo?id=${companyId}&orName=${this.route.snapshot.queryParams.orName}&orId=${this.route.snapshot.queryParams.orId}`
          );
        }
      }
    });
  }
  //上传word转在线编制
  spinner = false; //圈圈是否存在
  async upzhuanMb(element) {
    this.spinner = true;
    const config = new MatSnackBarConfig();
    config.verticalPosition = "top";
    config.duration = 3000;
    let objectName; //预案文件名称
    let formData = new FormData();
    //模板导入接口传参
    let type =
      this.unitdata.unittype == "高层建筑"
        ? 1
        : this.unitdata.unittype == "居民小区"
        ? 2
        : this.unitdata.unittype == "厂房"
        ? 3
        : this.unitdata.unittype == "商市场" ||
          this.unitdata.unittype == "医院" ||
          this.unitdata.unittype == "学校" ||
          this.unitdata.unittype == "宾馆" ||
          this.unitdata.unittype == "娱乐场所" ||
          this.unitdata.unittype == "餐饮业" ||
          this.unitdata.unittype == "影剧院" ||
          this.unitdata.unittype == "展览建筑" ||
          this.unitdata.unittype == "养老院" ||
          this.unitdata.unittype == "会议中心" ||
          this.unitdata.unittype == "古建筑" ||
          this.unitdata.unittype == "多层"
        ? 4
        : this.unitdata.unittype == "储罐类"
        ? "StorageTankFivePlan"
        : this.unitdata.unittype == "化工生产"
        ? "ChemicalProductionFivePlan"
        : this.unitdata.unittype == "轨道交通"
        ? "MetroFivePlan"
        : this.unitdata.unittype == "地下建筑"
        ? "UndergroundBuildingFivePlan"
        : this.unitdata.unittype == "农村"
        ? "CountrysideFivePlan"
        : "";

    let blob = [];
    /* 
    调用下载接口获取文件流,并赋值给blob
     */
    let fileRuquest = await new Promise((resolve, reject) => {
      this.http
        .get(`/api/ObjectMetadata/PlanPlatform/` + element.attachmentUrls[0])
        .subscribe((obdata: any) => {
          objectName = obdata.objectName;
          this.http
            .get(`/api/Objects/PlanPlatform/${objectName}`, {
              responseType: "blob",
            })
            .subscribe((blobdata) => {
              resolve(blobdata);
            });
        });
    });
    blob.push(fileRuquest); //接收返回的blob类型数据
    let file = new File(blob, objectName); //转化为file类型
    formData.append("file", file);
    let pData; //接受返回的模板信息数据
    /* 
    调用模板导入接口，获取在线编制的json,并赋值给pData
     */
    let pRequest = await new Promise((resolve, rejest) => {
      this.http
        .post(`/api/OfficeExtract/ExtractWordPlan?type=${type}`, formData)
        .subscribe(
          (data: any) => {
            resolve(data);
          },
          (err) => {
            this.spinner = false;
            this.snackBar.open(
              "解析失败,请确定好格式再重新上传!",
              "确定",
              config
            );
          }
        );
    });
    pData = pRequest;
    /* 调用新建预案接口,新建一条新的预案,并跳转新建在线编制页面 */
    let body = {
      name: element.name,
      planType: element.planType,
      planMode: 2,
      planLevel: element.planLevel,
      planCategory: element.planCategory,
      webTextData: JSON.stringify(pData),
    };
    let planData;
    let newyuan = await new Promise((resolve, reject) => {
      this.http
        .post("/api/PlanComponents", body, {
          params: {
            companyId: this.route.snapshot.queryParams.unitId,
          },
        })
        .subscribe((plandata) => {
          resolve(plandata);
        });
    });
    planData = newyuan;
    window.open(
      `/planManagement/createplanonlinefive?navIsOpen=false&companyId=${this.route.snapshot.queryParams.unitId}&planName=${planData.name}&unitName=${this.unitdata.unitname}&planCategory=${planData.planCategory}&planId=${planData.id}&&wordChange=true`
    );
    this.getAllPlanComponents();
    this.spinner = false;
  }
}

//新建预案弹出框
@Component({
  selector: "AddPlanone",
  templateUrl: "./AddPlanone.html",
  styleUrls: ["./entry-plan-look.component.scss"],
})
export class AddPlanone {
  isLinear = true; //是否为线性步进器
  firstFormGroup: FormGroup;
  secondFormGroup: FormGroup;
  constructor(
    private _formBuilder: FormBuilder,
    private http: HttpClient,
    public dialogRef: MatDialogRef<AddPlanone>,
    @Inject(MAT_DIALOG_DATA) public data,
    public snackBar: MatSnackBar,
    private tree: TreeService
  ) {}

  ngOnInit(): void {
    this.levels = sessionStorage.getItem("level");
    this.firstFormGroup = this._formBuilder.group({
      firstCtrlone: ["", Validators.required],
      firstCtrltwo: ["", Validators.required],
      firstCtrlthree: ["", Validators.required],
    });
    this.secondFormGroup = this._formBuilder.group({
      secondCtrl: ["", Validators.required],
    });
  }
  onNoClick(): void {
    this.dialogRef.close();
  }
  levels; //
  isup: boolean = false; //上传input框是否显示
  isweb: boolean = false; //web输入框是否显示
  isinput: boolean = false; //编制按钮是否显示
  defaultisshow = "0"; //默认显示上传input框
  pswShow = false; //是否为全景图选项默认不显示
  psw; //是否为全景图
  cadPlan; //是否为卡片预案
  //选择radio
  selectradio(e) {
    if (e.value == "1") {
      //如果点击本地上传
      this.isup = true;
      this.isinput = false;
      this.isweb = false;
      this.webaddress = "";
    }
    if (e.value == "4") {
      //如果点击导入word文档
      this.isinput = true;
      this.isup = false;
      this.isweb = false;
      this.webaddress = "";
    }
    if (e.value == "2") {
      //如果点击在线编辑
      this.isinput = false;
      this.isup = false;
      this.isweb = false;
      this.webaddress = "";
    }
    if (e.value == "3") {
      //如果点击输入网址
      this.isweb = true;
      this.isup = false;
      this.isinput = false;
      this.webaddress = "";
    }
  }
  file2: any = null; //导入的文件
  webaddress: any = ""; //输入的网页地址

  //上传文件↓
  file: any; //上传的文件
  fileName: any; //上传文件name
  uploadisLoading: boolean = false; //进度条loading加载
  uploadProgress: number = 0; //进度条进度
  objectName: any; //上传对象名
  uploadId: any; //上传分块上传事件编号
  //上传文件input
  filechange(e) {
    this.psw = false;
    this.file = e.target.files[0] || null; //上传的文件
    if (
      this.selectedPLanType == "4" &&
      this.file.type != null &&
      this.file.type != undefined
    ) {
      if (this.file.type == "image/png" || this.file.type == "image/jpeg") {
        this.pswShow = true;
      } else {
        this.pswShow = false;
      }
    } else {
      this.pswShow = false;
    }
  }

  //上传文件
  startUploading(planType) {
    let file = this.file || null; //获取上传的文件
    let fileSize = file.size || null; //上传文件的总大小
    let shardSize = 5 * 1024 * 1024; //5MB一个分片

    if (file && fileSize <= shardSize) {
      //上传文件<=5MB时
      let formData = new FormData();
      formData.append("file", file);
      this.http
        .post(
          this.psw
            ? "/api/Objects/PlanPlatform/psw"
            : `/api/Objects/PlanPlatform/${this.data.companyId}/2D`,
          formData
        )
        .subscribe((data: any) => {
          this.objectName = data.objectName;
          const config = new MatSnackBarConfig();
          config.verticalPosition = "top";
          config.duration = 3000;
          this.snackBar.open("上传成功!", "确定", config);
          this.uploadover = true;

          let level = sessionStorage.getItem("level");
          // console.log(level)
          let PlanLevel;
          if (level == "0") {
            PlanLevel = 1;
          }
          if (level == "1") {
            PlanLevel = 2;
          }
          if (level == "2") {
            PlanLevel = 4;
          }
          if (level == "3") {
            PlanLevel = 8;
          }
          let uploadUrl;
          if (planType == "非二维") {
            uploadUrl = "/api/PlanComponents";
          } else {
            uploadUrl = "/api/PlanComponents2D";
          }
          if (this.uploadover) {
            this.http
              .post(
                uploadUrl,
                {
                  id: "",
                  name: this.selectedPLanName,
                  planType: Number(this.selectedPLanType),
                  planMode: Number(this.defaultisshow),
                  planLevel: PlanLevel,
                  planCategory: Number(this.selectedPLanLevel),
                  url: "",
                  attachmentUrls: [`${this.objectName}`],
                },
                {
                  params: {
                    companyId: this.data.companyId,
                  },
                }
              )
              .subscribe((data) => {
                this.dialogRef.close(data);
              });
          } else {
            console.log("上传出错");
          }
        });
    } else if (file && fileSize > shardSize) {
      //上传文件>5MB时,分块上传
      let data = { filename: file.name };
      this.uploadisLoading = true;
      this.http
        .post(
          this.psw
            ? "/api/NewMultipartUpload/PlanPlatform/psw"
            : `/api/NewMultipartUpload/PlanPlatform/${this.data.companyId}/2D`,
          {},
          { params: data }
        )
        .subscribe((data: any) => {
          //初始化分段上传
          this.objectName = data.objectName;
          this.uploadId = data.uploadId;
          this.subsectionUploading(planType);
        });
    }
  }

  PartNumberETag: any = []; //每次返回需要保存的信息
  //开始分段上传
  async subsectionUploading(planType) {
    let file = this.file || null; //获取上传的文件
    let fileSize = file.size || null; //上传文件的总大小
    let shardSize = 5 * 1024 * 1024; //5MB一个分片
    let allSlice = Math.ceil(fileSize / shardSize); //总文件/5MB===共分多少段 向上取整

    for (let i = 0; i < allSlice; i++) {
      //循环分段上传
      let start = i * shardSize; //切割文件开始位置
      let end = Math.min(fileSize, start + shardSize); //切割文件结束位置 （对比取小数）
      let formData = new FormData();
      formData.append("file", file.slice(start, end));

      //同步写法实现异步调用
      let result = await new Promise((resolve, reject) => {
        // await 需要后面返回一个 promise 对象
        this.http
          .post(
            `/api/MultipartUpload/PlanPlatform/${this.objectName}?uploadId=${
              this.uploadId
            }&partNumber=${i + 1}`,
            formData
          )
          .subscribe((data: any) => {
            let msg = {
              partNumber: data.partNumber || null,
              eTag: data.eTag || null,
            };
            resolve(msg); // 调用 promise 内置方法处理成功
          });
      });
      this.PartNumberETag.push(result);
      this.uploadProgress = Number((i / allSlice).toFixed(2)) * 100;

      if (this.PartNumberETag.length === allSlice) {
        this.uploadProgress = 100;
        this.endUploading(planType);
      }
    } //for循环
  }
  uploadover: any = false; //上传完成之后提示
  //完成分块上传
  endUploading(planType) {
    let data = this.PartNumberETag;
    let paramsData = { uploadId: this.uploadId };
    this.http
      .post(
        `/api/CompleteMultipartUpload/PlanPlatform/${this.objectName}`,
        data,
        { params: paramsData }
      )
      .subscribe((data) => {
        const config = new MatSnackBarConfig();
        config.verticalPosition = "top";
        config.duration = 3000;
        this.snackBar.open("上传成功!", "确定", config);
        this.uploadProgress = 0;
        this.uploadisLoading = false;
        this.PartNumberETag = []; //清空保存返回的信息
        this.uploadover = true;
        let level = sessionStorage.getItem("level");
        // console.log(level)
        let PlanLevel;
        if (level == "0") {
          PlanLevel = 1;
        }
        if (level == "1") {
          PlanLevel = 2;
        }
        if (level == "2") {
          PlanLevel = 4;
        }
        if (level == "3") {
          PlanLevel = 8;
        }
        let uploadUrl;
        if (planType == "非二维") {
          uploadUrl = "/api/PlanComponents";
        } else {
          uploadUrl = "/api/PlanComponents2D";
        }
        if (this.uploadover) {
          //如果上次成功了才创建
          this.http
            .post(
              uploadUrl,
              {
                id: "",
                name: this.selectedPLanName,
                planType: Number(this.selectedPLanType),
                planMode: Number(this.defaultisshow),
                planLevel: PlanLevel,
                planCategory: Number(this.selectedPLanLevel),
                url: "",
                attachmentUrls: [`${this.objectName}`],
              },
              {
                params: {
                  companyId: this.data.companyId,
                },
              }
            )
            .subscribe((data) => {
              this.dialogRef.close(data);
            });
        } else {
          console.log("上传出错！");
        }
      });
  }

  //取消分块上传
  cancel() {
    this.http
      .delete(
        `/api/MultipartUpload/PlanPlatform/${this.objectName}?uploadId=${this.uploadId}`
      )
      .subscribe((data) => {
        this.uploadProgress = 0;
        this.uploadisLoading = false;
        (<HTMLInputElement>document.getElementById("uploadFile")).value = null;
        this.PartNumberETag = []; //清空保存返回的信息
        const config = new MatSnackBarConfig();
        config.verticalPosition = "top";
        config.duration = 3000;
        this.snackBar.open("取消上传成功!", "确定", config);
        this.uploadover = false;
        this.file = null;
      });
  }

  //导入word文件
  fileInput(e) {
    this.file2 = e.target.files[0];
  }
  //点击下一步
  selectedPLanType: any; //所选预案类型
  selectedPLanName: any; //所选预案名称
  selectedPLanLevel: any; //所选预案级别
  localup: boolean = false; //本地上传
  inputword: boolean = false; //导入文档
  onlineedit: boolean = false; //在线编辑
  website: boolean = false; //网页地址
  inputNew: boolean = false; //自定义编辑
  next(formdata) {
    this.psw = false;
    this.selectedPLanName = formdata.value.firstCtrlone;
    this.selectedPLanType = formdata.value.firstCtrltwo;
    this.selectedPLanLevel = formdata.value.firstCtrlthree;
    if (
      formdata.value.firstCtrltwo == "16" &&
      formdata.value.firstCtrlthree == "4"
    ) {
      //如果是文本预案
      this.localup = true;
      this.inputword = false;
      this.onlineedit = false;
      this.website = false;
    }
    if (formdata.value.firstCtrltwo == "16") {
      //&& formdata.value.firstCtrlthree != '4'
      this.localup = true;
      this.inputword = true;
      this.onlineedit = false;
      this.website = false;
      this.inputNew = true;
    }
    if (
      formdata.value.firstCtrltwo == "16" &&
      formdata.value.firstCtrlthree != "4"
    ) {
      //&& formdata.value.firstCtrlthree != '4'
      this.localup = true;
      this.inputword = true;
      this.inputNew = true;
      this.onlineedit = false;
      this.website = false;
    }
    if (formdata.value.firstCtrltwo == "1") {
      //如果是2D预案
      this.localup = false;
      this.inputword = false;
      this.onlineedit = true;
      this.website = true;
      this.inputNew = false;
    }
    if (
      formdata.value.firstCtrltwo == "2" ||
      formdata.value.firstCtrltwo == "4"
    ) {
      this.localup = true;
      this.inputword = false;
      this.inputNew = false;
      this.onlineedit = false;
      this.website = true;
      this.pswShow = true;
    }
    if (
      this.selectedPLanType == "4" &&
      this.file != undefined &&
      this.file.type != null
    ) {
      if (this.file.type == "image/png" || this.file.type == "image/jpeg") {
        this.pswShow = true;
        this.website = false;
      } else {
        this.pswShow = false;
      }
    } else {
      this.pswShow = false;
    }
  }
  setttt() {
    this.pswShow = false;
    this.psw = false;
  }
  closediv() {
    //console.log(this.file)
    if (this.file != undefined) {
      this.cancel();
    }

    this.dialogRef.close();
  }
  //文本预案在线编制跳转
  newleftTabledata;
  planData;
  createWord(haveNew) {
    const config = new MatSnackBarConfig();
    config.verticalPosition = "top";
    config.duration = 3000;
    let level = sessionStorage.getItem("level");
    // console.log(level)
    let PlanLevel;
    if (level == "0") {
      PlanLevel = 1;
    }
    if (level == "1") {
      PlanLevel = 2;
    }
    if (level == "2") {
      PlanLevel = 4;
    }
    if (level == "3") {
      PlanLevel = 8;
    }
    this.http.get("/api/PlanTemplate").subscribe((data: any) => {
      this.newleftTabledata = data;
      this.newleftTabledata.forEach((value, index, array) => {
        value.data = JSON.parse(value.data);
      });
      this.http.get("/api/BuildingTypes").subscribe((buildData: any) => {
        this.newleftTabledata.forEach((value, index, array) => {
          buildData.forEach((element, i, buildArray) => {
            if (value.buildingTypeId == element.id) {
              array[index].unitname = buildArray[i].name;
              array[index].facilityCategoryId =
                buildArray[i].facilityCategoryId;
            }
          });
        });
        let open = this.newleftTabledata.filter((value, index, array) => {
          return (
            value.unitname == this.data.unitType &&
            value.planCategory == this.selectedPLanLevel
          );
        });
        if (haveNew == true) {
          this.http
            .post(
              "/api/PlanComponents",
              {
                id: "",
                name: this.selectedPLanName,
                planType: Number(this.selectedPLanType),
                planMode: Number(this.defaultisshow),
                planLevel: PlanLevel,
                planCategory: Number(this.selectedPLanLevel),
                url: "",
                //attachmentUrls: [`${this.objectName}`]
              },
              {
                params: {
                  companyId: this.data.companyId,
                },
              }
            )
            .subscribe((plandata) => {
              this.planData = plandata;
              this.dialogRef.close(plandata);
              //console.log(plandata)
              window.open(
                `/planManagement/createplanonlinefive?navIsOpen=false&companyId=${this.data.companyId}&planName=${this.planData.name}&unitName=${this.data.unitName}&planCategory=${this.selectedPLanLevel}&planId=${this.planData.id}&haveNew=${haveNew}&planMode=${this.defaultisshow}`
              );
            });
        } else {
          if (open.length > 0) {
            this.http
              .post(
                "/api/PlanComponents",
                {
                  id: "",
                  name: this.selectedPLanName,
                  planType: Number(this.selectedPLanType),
                  planMode: Number(this.defaultisshow),
                  planLevel: PlanLevel,
                  planCategory: Number(this.selectedPLanLevel),
                  url: "",
                  //attachmentUrls: [`${this.objectName}`]
                },
                {
                  params: {
                    companyId: this.data.companyId,
                  },
                }
              )
              .subscribe((plandata) => {
                this.planData = plandata;
                this.dialogRef.close(plandata);
                //console.log(plandata)
                window.open(
                  `/planManagement/createplanonlinefive?navIsOpen=false&companyId=${this.data.companyId}&planName=${this.planData.name}&unitName=${this.data.unitName}&planCategory=${this.selectedPLanLevel}&planId=${this.planData.id}&haveNew=${haveNew}`
                );
              });
          } else {
            this.snackBar.open("请先创建模板!", "确定", config);
          }
        }
      });
    });
    //window.open('')
  }

  // 提交创建
  onSubmit(value) {
    let level = sessionStorage.getItem("level");
    // console.log(level)
    let PlanLevel;
    if (level == "0") {
      PlanLevel = 1;
    }
    if (level == "1") {
      PlanLevel = 2;
    }
    if (level == "2") {
      PlanLevel = 4;
    }
    if (level == "3") {
      PlanLevel = 8;
    }
    if (this.selectedPLanType != "1") {
      //如果创建的不是二维预案
      if (this.defaultisshow == "1" && this.file == null) {
        //如果是本地上传
        const config = new MatSnackBarConfig();
        config.verticalPosition = "top";
        config.duration = 3000;
        this.snackBar.open("请先上传文件", "确定", config);
      }
      if (this.defaultisshow == "1" && this.file) {
        //如果是本地上传并且有文件
        //先上传成功
        this.startUploading("非二维");

        //再创建预案
        // this.http.post("/api/PlanComponents",{
        //   id: "",
        //   name: this.selectedPLanName,
        //   planType:Number(this.selectedPLanType),
        //   planMode: Number(this.defaultisshow),
        //   planLevel: PlanLevel,
        //   url: "",
        //   attachmentUrls: [`${this.objectName}`]
        // },{params:{
        //   companyId : this.data.companyId
        // }}).subscribe(data=>{
        //   this.dialogRef.close(data);
        // })
      }

      if (this.defaultisshow == "2") {
        //如果是导入则很复杂
        const config = new MatSnackBarConfig();
        config.verticalPosition = "top";
        config.duration = 3000;
        //this.snackBar.open('暂不支持导入','确定',config);
        this.createWord(false);
      }
      if (this.defaultisshow == "4") {
        this.createWord(true);
      }
      if (
        this.defaultisshow == "3" &&
        (this.webaddress == "" || this.webaddress == null)
      ) {
        //如果是填写网址
        const config = new MatSnackBarConfig();
        config.verticalPosition = "top";
        config.duration = 3000;
        this.snackBar.open("请先输入网址", "确定", config);
      }
      if (this.defaultisshow == "3" && this.webaddress) {
        //如果是填写网址
        var reg = new RegExp(
          "(http|https|app1|app2)://([w.!@#$%^&*()_+-=])*s*"
        );
        if (reg.test(this.webaddress)) {
          let body = {
            id: "",
            name: this.selectedPLanName,
            planType: Number(this.selectedPLanType),
            planMode: Number(this.defaultisshow),
            planCategory: Number(this.selectedPLanLevel),
            planLevel: PlanLevel,
            url: this.webaddress,
            attachmentUrls: null,
          };
          //console.log(body)
          this.http
            .post("/api/PlanComponents", body, {
              params: {
                companyId: this.data.companyId,
              },
            })
            .subscribe((data) => {
              this.dialogRef.close(data);
            });
        } else {
          const config = new MatSnackBarConfig();
          config.verticalPosition = "top";
          config.duration = 3000;
          this.snackBar.open(
            "请填写正确网址格式，需以http://或者https://开头的正确网址",
            "确定",
            config
          );
        }
      }
    } else {
      //如果创建的是二维预案
      if (this.defaultisshow == "1" && this.file == null) {
        //如果是本地上传
        const config = new MatSnackBarConfig();
        config.verticalPosition = "top";
        config.duration = 3000;
        this.snackBar.open("请先上传文件", "确定", config);
      }
      if (this.defaultisshow == "1" && this.file) {
        this.startUploading("二维");
        // let body  = {
        //   id: "",
        //   name: this.selectedPLanName,
        //   planType:Number(this.selectedPLanType),
        //   planMode: Number(this.defaultisshow),
        //   planLevel: PlanLevel,
        //   url: "",
        //   attachmentUrls: [`${this.objectName}`]
        // }
        // this.http.post("/api/PlanComponents2D",body,{params:{
        //   companyId : this.data.companyId
        // }}).subscribe(data=>{
        //   // console.log("创建成功")
        //   this.dialogRef.close(data);
        // })
      }
      if (this.defaultisshow == "2") {
        //如果是在线编辑------>跳转编制工具
        let body = {
          id: "",
          name: this.selectedPLanName,
          planType: Number(this.selectedPLanType),
          planMode: Number(this.defaultisshow),
          planLevel: PlanLevel,
          planCategory: Number(this.selectedPLanLevel),
          url: "",
          attachmentUrls: null,
        };
        this.http
          .post("/api/PlanComponents2D", body, {
            params: {
              companyId: this.data.companyId,
            },
          })
          .subscribe((data) => {
            // console.log("创建成功")
            this.dialogRef.close(data);
          });
      }
      if (
        this.defaultisshow == "3" &&
        (this.webaddress == "" || this.webaddress == null)
      ) {
        //如果是填写网址
        const config = new MatSnackBarConfig();
        config.verticalPosition = "top";
        config.duration = 3000;
        this.snackBar.open("请先输入网址", "确定", config);
      }
      if (this.defaultisshow == "3" && this.webaddress) {
        //如果是填写网址

        var reg = new RegExp("(http|https)://([w.!@#$%^&*()_+-=])*s*");
        if (reg.test(this.webaddress)) {
          let body = {
            id: "",
            name: this.selectedPLanName,
            planType: Number(this.selectedPLanType),
            planMode: Number(this.defaultisshow),
            planCategory: Number(this.selectedPLanLevel),
            planLevel: PlanLevel,
            url: this.webaddress,
            attachmentUrls: null,
          };
          //console.log(body)
          this.http
            .post("/api/PlanComponents2D", body, {
              params: {
                companyId: this.data.companyId,
              },
            })
            .subscribe((data) => {
              // console.log("创建成功")
              this.dialogRef.close(data);
            });
        } else {
          const config = new MatSnackBarConfig();
          config.verticalPosition = "top";
          config.duration = 3000;
          this.snackBar.open(
            "请填写正确网址格式，需以http://或者https://开头的正确网址",
            "确定",
            config
          );
        }
      }
    }
  }
  onSubmit2(value) {
    // console.log(this.webaddress)
    var reg = new RegExp("(http|https)://([w.!@#$%^&*()_+-=])*s*");
    //console.log(reg.test(this.webaddress))
  }
}

//下载文件弹出框
@Component({
  selector: "downloadfile",
  templateUrl: "./downloadFile.html",
  styleUrls: ["./entry-plan-look.component.scss"],
})
export class DownloadFile {
  constructor(
    private http: HttpClient,
    public dialogRef: MatDialogRef<DownloadFile>,
    @Inject(MAT_DIALOG_DATA) public data,
    public snackBar: MatSnackBar
  ) {}
  fileUrls: any; //当前预案附件地址
  fileDatas: any = [];
  selectedFileIndex: any = 0;
  selectedFileData: any;

  name2: any; //如果真实姓名为空时
  ngOnInit(): void {
    this.name2 = this.data.element.name;
    this.fileUrls = this.data.fileUrls;
    this.fileUrls.forEach((item) => {
      this.http
        .get("/api/ObjectMetadata/PlanPlatform/" + item)
        .subscribe((data: any) => {
          data.filePige = (data.fileLength / (1024 * 1024)).toFixed(2);
          this.fileDatas.push(data);
          this.selectedFileData = data;
        });
    });
  }
  onNoClick(): void {
    this.dialogRef.close();
  }

  confirm() {
    this.dialogRef.close(this.selectedFileData);
  }

  //点击想要下载的文件
  addurl(item, key) {
    // console.log(item,key)
    this.selectedFileIndex = key;
    this.selectedFileData = item;
  }
}

//审批结果弹出框
@Component({
  selector: "auditresult",
  templateUrl: "./auditresult.html",
  styleUrls: ["./entry-plan-look.component.scss"],
})
export class AuditResult {
  constructor(
    private http: HttpClient,
    public dialogRef: MatDialogRef<AuditResult>,
    @Inject(MAT_DIALOG_DATA) public data,
    public snackBar: MatSnackBar
  ) {}

  planName: any = this.data.element.name;
  commitTime: any = this.data.element.committedTime;
  commitOrganizationName: any = this.data.element.committerOrganizationName;

  auditOrganizationName: any = this.data.element.auditorOrganizationName;
  auditResult: any = this.data.element.auditStatus;
  auditOpinion: any = this.data.element.auditOpinion;
  ngOnInit(): void {}
  onNoClick(): void {
    this.dialogRef.close();
  }
}

//改名弹出框
@Component({
  selector: "changename",
  templateUrl: "./changename.html",
  styleUrls: ["./entry-plan-look.component.scss"],
})
export class ChangeName {
  constructor(
    private http: HttpClient,
    public dialogRef: MatDialogRef<ChangeName>,
    @Inject(MAT_DIALOG_DATA) public data,
    public snackBar: MatSnackBar
  ) {}
  planName: any; //预案名称
  ngOnInit(): void {
    this.planName = this.data.element.name;
  }
  onNoClick(): void {
    this.dialogRef.close();
  }
  onSubmit(value) {
    let headers = new HttpHeaders({
      "Content-Type": "text/json",
    });
    let options = {
      headers,
    };
    let body = {
      name: value.name,
    };
    let body2d = JSON.stringify(value.name);
    if (this.data.element.planType == 1) {
      //如果是二维预案
      this.http
        .put(`/api/PlanComponents2D/${this.data.element.id}`, body2d, options)
        .subscribe((data) => {
          this.dialogRef.close("success");
        });
    } else {
      this.http
        .put(`/api/PlanComponents/${this.data.element.id}`, body, options)
        .subscribe((data) => {
          this.dialogRef.close("success");
        });
    }
  }
}

//全景图弹出框
@Component({
  selector: "PsViewer",
  templateUrl: "./Photo-Sphere-Viewer.html",
  styleUrls: ["./entry-plan-look.component.scss"],
})
export class PsViewer {
  constructor(
    private router: Router,
    private http: HttpClient,
    public dialog: MatDialog,
    public snackBar: MatSnackBar,
    public dialogRef: MatDialogRef<PsViewer>,
    @Inject(MAT_DIALOG_DATA) public data: any
  ) {}
  ngOnInit(): void {
    // console.log(this.data)
    const viewer = new Viewer({
      container: document.querySelector("#viewer"),
      panorama: "/api/Objects/PlanPlatform/" + this.data,
    });
  }
}

//普通图片弹窗
@Component({
  selector: "imgdetails",
  templateUrl: "./previewImg.html",
  styleUrls: ["./entry-plan-look.component.scss"],
})
export class ImgDetails {
  constructor(
    private http: HttpClient,
    public dialog: MatDialog,
    public dialogRef: MatDialogRef<ImgDetails>,
    @Inject(MAT_DIALOG_DATA) public data
  ) {}
  testSwiper: Swiper;

  ngOnInit(): void {
    //console.log(this.data)
    this.allImages = [];
    this.data.forEach((element) => {
      element = `/api/Objects/PlanPlatform/${element}?x-oss-process=image/auto-orient,1`;
      this.allImages.push(element);
    });
    //this.allImages.push(`${this.data.attachmentUrls[0]}?x-oss-process=image/auto-orient,1`)
  }

  ngAfterViewInit() {
    this.testSwiper = new Swiper(".swiper-container", {
      lazy: true,
      direction: "horizontal",
      loop: false,

      // 如果需要前进后退按钮
      navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
      },
    });
  }

  allImages: any; //展示所有的图片
  rotationAngle: number = 0; //旋转角度

  //旋转图片
  rotate() {
    this.rotationAngle = this.rotationAngle + 90;
    if (this.rotationAngle === 360) {
      this.rotationAngle = 0;
    }
  }
}

//修改三维预案地址
@Component({
  selector: "changename",
  templateUrl: "./changeurl.html",
  styleUrls: ["./entry-plan-look.component.scss"],
})
export class ChangeUrl {
  constructor(
    private http: HttpClient,
    public dialogRef: MatDialogRef<ChangeUrl>,
    @Inject(MAT_DIALOG_DATA) public data,
    public snackBar: MatSnackBar
  ) {}
  planUrl: any; //预案路径
  updata; //修改后的data
  ngOnInit(): void {
    this.planUrl = this.data.element.url;
  }
  onNoClick(): void {
    this.dialogRef.close();
  }
  onSubmit(value) {
    console.log(value);
    let headers = new HttpHeaders({
      "Content-Type": "text/json",
    });
    let options = {
      headers,
    };
    let body = {
      url: value.name,
      auditStatus: 8,
    };
    this.http
      .put(`/api/PlanComponents/${this.data.element.id}`, body, options)
      .subscribe((data) => {
        console.log(data);
        this.updata = data;
        this.dialogRef.close("success");
        sessionStorage.setItem("url", this.updata.url);
        if ((this.updata.url as string).includes("gis/threeDimensionalHome")) {
          //三维预案
          window.open(
            `${this.updata.url}?unitId=${this.updata.companyId}&unitName=${this.updata.name}&editMode=true`
          );
        } else {
          window.open(`/planManagement/webLook`);
        }
      });
  }
}

//编辑上传文件
@Component({
  selector: "editUpload",
  templateUrl: "./upLoad.html",
  styleUrls: ["./entry-plan-look.component.scss"],
})
export class editUpload {
  constructor(
    private http: HttpClient,
    public dialogRef: MatDialogRef<editUpload>,
    @Inject(MAT_DIALOG_DATA) public data,
    public snackBar: MatSnackBar
  ) {}
  planName: any; //预案名称
  ngOnInit(): void {
    //console.log(this.data)
  }
  onNoClick(): void {
    this.dialogRef.close();
  }
  //上传文件↓
  file: any; //上传的文件
  fileName: any; //上传文件name
  uploadisLoading: boolean = false; //进度条loading加载
  uploadProgress: number = 0; //进度条进度
  objectName: any; //上传对象名
  uploadId: any; //上传分块上传事件编号
  lastyuanData; //之前的预案数据
  //上传
  upload() {
    document.getElementById("up").click();
  }
  //上传文件input
  filechange(e) {
    this.file = e.target.files[0] || null; //上传的文件
  }
  //上传文件
  startUploading() {
    console.log(this.file);
    let file = this.file || null; //获取上传的文件
    let fileSize = file.size || null; //上传文件的总大小
    let shardSize = 5 * 1024 * 1024; //5MB一个分片
    if (this.file != undefined) {
      if (file && fileSize <= shardSize) {
        //上传文件<=5MB时
        let formData = new FormData();
        formData.append("file", file);
        this.http
          .post(`/api/Objects/PlanPlatform/${this.data.companyId}/2D`, formData)
          .subscribe((data: any) => {
            this.objectName = data.objectName;
            let headers = new HttpHeaders({
              "Content-Type": "text/json",
            });
            let options = {
              headers,
            };
            this.uploadover = true;
            let level = sessionStorage.getItem("level");
            let PlanLevel;
            if (level == "0") {
              PlanLevel = 1;
            }
            if (level == "1") {
              PlanLevel = 2;
            }
            if (level == "2") {
              PlanLevel = 4;
            }
            if (level == "3") {
              PlanLevel = 8;
            }
            let uploadUrl = "/api/PlanComponents";
            this.http
              .get(`/api/PlanComponents/${this.data.id}`)
              .subscribe((yuandata) => {
                console.log(yuandata);
                this.lastyuanData = yuandata;
                this.lastyuanData.attachmentUrls[0] = this.objectName;
                this.http
                  .put(
                    `/api/PlanComponents/${this.data.id}`,
                    this.lastyuanData,
                    options
                  )
                  .subscribe((data) => {
                    this.dialogRef.close(data);
                  });
              });
          });
      } else if (file && fileSize > shardSize) {
        //上传文件>5MB时,分块上传
        let data = { filename: file.name };
        this.http
          .post(
            `/api/NewMultipartUpload/PlanPlatform/${this.data.companyId}/2D`,
            {},
            { params: data }
          )
          .subscribe((data: any) => {
            //初始化分段上传
            this.objectName = data.objectName;
            this.uploadId = data.uploadId;
            this.uploadisLoading = true;
            this.subsectionUploading();
          });
      }
    } else {
      const config = new MatSnackBarConfig();
      config.verticalPosition = "top";
      config.duration = 3000;
      this.snackBar.open("请选择文件!", "确定", config);
    }
  }

  PartNumberETag: any = []; //每次返回需要保存的信息
  //开始分段上传
  async subsectionUploading() {
    let file = this.file || null; //获取上传的文件
    let fileSize = file.size || null; //上传文件的总大小
    let shardSize = 5 * 1024 * 1024; //5MB一个分片
    let allSlice = Math.ceil(fileSize / shardSize); //总文件/5MB===共分多少段 向上取整

    for (let i = 0; i < allSlice; i++) {
      //循环分段上传
      let start = i * shardSize; //切割文件开始位置
      let end = Math.min(fileSize, start + shardSize); //切割文件结束位置 （对比取小数）
      let formData = new FormData();
      formData.append("file", file.slice(start, end));

      //同步写法实现异步调用
      let result = await new Promise((resolve, reject) => {
        // await 需要后面返回一个 promise 对象
        this.http
          .post(
            `/api/MultipartUpload/PlanPlatform/${this.objectName}?uploadId=${
              this.uploadId
            }&partNumber=${i + 1}`,
            formData
          )
          .subscribe((data: any) => {
            let msg = {
              partNumber: data.partNumber || null,
              eTag: data.eTag || null,
            };
            resolve(msg); // 调用 promise 内置方法处理成功
          });
      });
      this.PartNumberETag.push(result);
      this.uploadProgress = Number((i / allSlice).toFixed(2)) * 100;

      if (this.PartNumberETag.length === allSlice) {
        this.uploadProgress = 100;
        this.endUploading();
      }
    } //for循环
  }
  uploadover: any = false; //上传完成之后提示
  //完成分块上传
  endUploading() {
    let data = this.PartNumberETag;
    let paramsData = { uploadId: this.uploadId };
    this.http
      .post(
        `/api/CompleteMultipartUpload/PlanPlatform/${this.objectName}`,
        data,
        { params: paramsData }
      )
      .subscribe((data) => {
        const config = new MatSnackBarConfig();
        config.verticalPosition = "top";
        config.duration = 3000;
        this.snackBar.open("上传成功!", "确定", config);
        this.uploadProgress = 0;
        this.uploadisLoading = false;
        this.PartNumberETag = []; //清空保存返回的信息
        this.uploadover = true;
        let level = sessionStorage.getItem("level");
        let headers = new HttpHeaders({
          "Content-Type": "text/json",
        });
        let options = {
          headers,
        };
        // console.log(level)
        let PlanLevel;
        if (level == "0") {
          PlanLevel = 1;
        }
        if (level == "1") {
          PlanLevel = 2;
        }
        if (level == "2") {
          PlanLevel = 4;
        }
        if (level == "3") {
          PlanLevel = 8;
        }
        let uploadUrl = "/api/PlanComponents";

        if (this.uploadover) {
          //如果上次成功了才创建
          this.http
            .get(`/api/PlanComponents/${this.data.id}`)
            .subscribe((yuandata) => {
              console.log(yuandata);
              this.lastyuanData = yuandata;
              this.lastyuanData.attachmentUrls[0] = this.objectName;
              this.http
                .put(
                  `/api/PlanComponents/${this.data.id}`,
                  this.lastyuanData,
                  options
                )
                .subscribe((data) => {
                  this.dialogRef.close(data);
                });
            });
        } else {
          console.log("上传出错！");
        }
      });
  }
}
//在线编制文本预案下载
@Component({
  selector: "wenbenUpload",
  templateUrl: "./upNew.html",
  styleUrls: ["./entry-plan-look.component.scss"],
})
export class wenbenUpload {
  constructor(
    private http: HttpClient,
    public dialogRef: MatDialogRef<wenbenUpload>,
    @Inject(MAT_DIALOG_DATA) public data,
    public snackBar: MatSnackBar,
    private sanitizer: DomSanitizer
  ) {}
  ngOnInit(): void {
    console.log(this.data);
    window.setTimeout(() => {
      this.dialogRef.close();
    }, 45000);
  }
  src = this.sanitizer.bypassSecurityTrustResourceUrl(this.data.src);
}