7 changed files with 774 additions and 623 deletions
@ -1,251 +1,297 @@ |
|||||||
import { Component, OnInit, ViewChild, Inject } from '@angular/core'; |
import { Component, OnInit, ViewChild, Inject } from "@angular/core"; |
||||||
import { HttpClient } from '@angular/common/http' |
import { HttpClient } from "@angular/common/http"; |
||||||
import { MatTreeFlatDataSource, MatTreeFlattener } from '@angular/material/tree'; |
import { |
||||||
import { MatPaginator } from '@angular/material/paginator'; |
MatTreeFlatDataSource, |
||||||
import { FlatTreeControl } from '@angular/cdk/tree'; |
MatTreeFlattener, |
||||||
import { FormControl } from '@angular/forms'; |
} from "@angular/material/tree"; |
||||||
import { Router,ActivatedRoute } from '@angular/router' |
import { MatPaginator } from "@angular/material/paginator"; |
||||||
import { PageEvent } from '@angular/material/paginator'; |
import { FlatTreeControl } from "@angular/cdk/tree"; |
||||||
import { MatDialogRef, MatDialog, MAT_DIALOG_DATA } from '@angular/material/dialog'; |
import { FormControl } from "@angular/forms"; |
||||||
import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar'; |
import { Router, ActivatedRoute } from "@angular/router"; |
||||||
import { TreeService } from '../../http-interceptors/tree.service' |
import { PageEvent } from "@angular/material/paginator"; |
||||||
import { Viewer } from 'photo-sphere-viewer'; |
import { |
||||||
declare var CryptoJS |
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 { Viewer } from "photo-sphere-viewer"; |
||||||
|
declare var CryptoJS; |
||||||
@Component({ |
@Component({ |
||||||
selector: 'app-reinforce-plan', |
selector: "app-reinforce-plan", |
||||||
templateUrl: './reinforce-plan.component.html', |
templateUrl: "./reinforce-plan.component.html", |
||||||
styleUrls: ['./reinforce-plan.component.scss'] |
styleUrls: ["./reinforce-plan.component.scss"], |
||||||
}) |
}) |
||||||
export class ReinforcePlanComponent implements OnInit { |
export class ReinforcePlanComponent implements OnInit { |
||||||
|
constructor( |
||||||
|
private http: HttpClient, |
||||||
|
private router: Router, |
||||||
|
private route: ActivatedRoute, |
||||||
|
private tree: TreeService, |
||||||
|
public dialog: MatDialog, |
||||||
|
public snackBar: MatSnackBar |
||||||
|
) {} |
||||||
|
|
||||||
constructor(private http:HttpClient,private router:Router,private route:ActivatedRoute,private tree: TreeService,public dialog: MatDialog,public snackBar: MatSnackBar) { } |
private _transformer = (node, level: number) => { |
||||||
|
//初始化tree
|
||||||
private _transformer = (node, level: number) => { //初始化tree
|
|
||||||
return { |
return { |
||||||
expandable: !!node.children && node.children.length > 0, |
expandable: !!node.children && node.children.length > 0, |
||||||
name: node.name, |
name: node.name, |
||||||
level: level, |
level: level, |
||||||
id: node.id, |
id: node.id, |
||||||
parentId: node.parentId, |
parentId: node.parentId, |
||||||
children: node.children |
children: node.children, |
||||||
}; |
}; |
||||||
} |
}; |
||||||
treeControl = new FlatTreeControl<any>(node => node.level, node => node.expandable); |
treeControl = new FlatTreeControl<any>( |
||||||
treeFlattener = new MatTreeFlattener(this._transformer, node => node.level, node => node.expandable, node => node.children); |
(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); |
dataSource = new MatTreeFlatDataSource(this.treeControl, this.treeFlattener); |
||||||
myControl = new FormControl(); |
myControl = new FormControl(); |
||||||
hasChild = (_: number, node: any) => node.expandable; |
hasChild = (_: number, node: any) => node.expandable; |
||||||
//分页
|
//分页
|
||||||
@ViewChild(MatPaginator, {static: true})
|
@ViewChild(MatPaginator, { static: true }) |
||||||
pageEvent: PageEvent; |
pageEvent: PageEvent; |
||||||
paginator: MatPaginator; |
paginator: MatPaginator; |
||||||
length:any; //共多少条数据
|
length: any; //共多少条数据
|
||||||
pageSize:any; //每页条数
|
pageSize: any; //每页条数
|
||||||
pageSizeOptions: number[] = [10] //设置每页条数
|
pageSizeOptions: number[] = [10]; //设置每页条数
|
||||||
PageNumber:any; //第几页
|
PageNumber: any; //第几页
|
||||||
|
|
||||||
displayedColumns: string[] = ['state','unitname','planname', 'addpeople','level','addtime','plantype','auditStatus','weihuStatus','openRange','projectlevel','operation']; |
displayedColumns: string[] = [ |
||||||
allorganizations:any //所有组织机构
|
"state", |
||||||
allunittype:any //所有单位类型
|
"unitname", |
||||||
tabledataSource:any //表格数据
|
"planname", |
||||||
IsNewData='' //维护更新活新增
|
"addpeople", |
||||||
|
"level", |
||||||
|
"addtime", |
||||||
|
"plantype", |
||||||
|
"auditStatus", |
||||||
|
"weihuStatus", |
||||||
|
"openRange", |
||||||
|
"projectlevel", |
||||||
|
"operation", |
||||||
|
]; |
||||||
|
allorganizations: any; //所有组织机构
|
||||||
|
allunittype: any; //所有单位类型
|
||||||
|
tabledataSource: any; //表格数据
|
||||||
|
IsNewData = ""; //维护更新活新增
|
||||||
|
|
||||||
preparelevels:any |
preparelevels: any; |
||||||
ngOnInit(): void { |
async ngOnInit(): Promise<void> { |
||||||
if(window.matchMedia("(max-width: 1400px)").matches){ |
if (window.matchMedia("(max-width: 1400px)").matches) { |
||||||
this.pcMore=false |
this.pcMore = false; |
||||||
this.padMore=true |
this.padMore = true; |
||||||
this.pcfind=false |
this.pcfind = false; |
||||||
this.padjt=true |
this.padjt = true; |
||||||
}else{ |
} else { |
||||||
this.pcfind=true |
this.pcfind = true; |
||||||
this.pcMore=true |
this.pcMore = true; |
||||||
this.padMore=false |
this.padMore = false; |
||||||
this.padjt=false |
this.padjt = false; |
||||||
} |
} |
||||||
this.getunitdata(); |
this.getunitdata(); |
||||||
this.getOrganizations(); |
await this.getOrganizations(); |
||||||
|
this.jsId = this.dataSource.data[0].id; |
||||||
this.getUnittype(); |
this.getUnittype(); |
||||||
this.getAllPlanInfo(); |
this.getAllPlanInfo(); |
||||||
let level = sessionStorage.getItem("level"); |
let level = sessionStorage.getItem("level"); |
||||||
if(level == "0"){//如果是总队
|
if (level == "0") { |
||||||
|
//如果是总队
|
||||||
this.preparelevels = [ |
this.preparelevels = [ |
||||||
{name:"总队",value:"1"}, |
{ name: "总队", value: "1" }, |
||||||
{name:"支队",value:"2"}, |
{ name: "支队", value: "2" }, |
||||||
{name:"大队",value:"4"}, |
{ name: "大队", value: "4" }, |
||||||
{name:"中队",value:"8"} |
{ name: "中队", value: "8" }, |
||||||
] |
]; |
||||||
} |
} |
||||||
if(level == "1"){//如果是支队
|
if (level == "1") { |
||||||
|
//如果是支队
|
||||||
this.preparelevels = [ |
this.preparelevels = [ |
||||||
{name:"支队",value:"2"}, |
{ name: "支队", value: "2" }, |
||||||
{name:"大队",value:"4"}, |
{ name: "大队", value: "4" }, |
||||||
{name:"中队",value:"8"} |
{ name: "中队", value: "8" }, |
||||||
] |
]; |
||||||
} |
} |
||||||
if(level == "2"){//如果是大队
|
if (level == "2") { |
||||||
|
//如果是大队
|
||||||
this.preparelevels = [ |
this.preparelevels = [ |
||||||
{name:"大队",value:"4"}, |
{ name: "大队", value: "4" }, |
||||||
{name:"中队",value:"8"} |
{ name: "中队", value: "8" }, |
||||||
] |
]; |
||||||
} |
} |
||||||
if(level == "3"){//如果是中队
|
if (level == "3") { |
||||||
this.preparelevels = [ |
//如果是中队
|
||||||
{name:"中队",value:"8"} |
this.preparelevels = [{ name: "中队", value: "8" }]; |
||||||
] |
|
||||||
} |
} |
||||||
} |
} |
||||||
pcMore//pc更多
|
pcMore; //pc更多
|
||||||
pcput=false//pc收起
|
pcput = false; //pc收起
|
||||||
pcfind//pc查询
|
pcfind; //pc查询
|
||||||
padjt=false |
padjt = false; |
||||||
padMore=true//pad收缩控制
|
padMore = true; //pad收缩控制
|
||||||
padput=false//pad收起按钮
|
padput = false; //pad收起按钮
|
||||||
imgsrcopen="../../../assets/images/routdown2.png" |
imgsrcopen = "../../../assets/images/routdown2.png"; |
||||||
imgsrcdown="../../../assets/images/routup2.png" |
imgsrcdown = "../../../assets/images/routup2.png"; |
||||||
pcInfo(){ |
pcInfo() { |
||||||
this.pcMore=!this.pcMore |
this.pcMore = !this.pcMore; |
||||||
this.pcput=!this.pcput |
this.pcput = !this.pcput; |
||||||
} |
} |
||||||
padInfo(){ |
padInfo() { |
||||||
this.padMore=!this.padMore |
this.padMore = !this.padMore; |
||||||
this.padput=!this.padput |
this.padput = !this.padput; |
||||||
} |
} |
||||||
|
|
||||||
allPlanInfo:any //存储所有预案信息
|
allPlanInfo: any; //存储所有预案信息
|
||||||
//获得所有预案信息
|
//获得所有预案信息
|
||||||
IsNewCompanyData=''//单位维护更新或者新增
|
IsNewCompanyData = ""; //单位维护更新或者新增
|
||||||
getAllPlanInfo(){ |
getAllPlanInfo() { |
||||||
let paramsdata:any = { |
let paramsdata: any = { |
||||||
CompanyName: this.companyName || '', |
CompanyName: this.companyName || "", |
||||||
OrganizationId: this.jsId || '', |
OrganizationId: this.jsId || "", |
||||||
HasChildrenOrganization:this.jscheck || '', |
HasChildrenOrganization: this.jscheck || "", |
||||||
BuildingTypeId: this.unittype || '', |
BuildingTypeId: this.unittype || "", |
||||||
PlanType: this.reservePlanType || '', |
PlanType: this.reservePlanType || "", |
||||||
AuditStatus:'', //审核状态
|
AuditStatus: "", //审核状态
|
||||||
PlanLevel: this.preparelevel || '', |
PlanLevel: this.preparelevel || "", |
||||||
HasChildrenPlanLevel: this.plcheck || '', |
HasChildrenPlanLevel: this.plcheck || "", |
||||||
CreationTimeRangeStart:this.addtime||'', |
CreationTimeRangeStart: this.addtime || "", |
||||||
CreationTimeRangeEnd:this.endtime||'', |
CreationTimeRangeEnd: this.endtime || "", |
||||||
PageNumber: this.PageNumber || '1', |
PageNumber: this.PageNumber || "1", |
||||||
PageSize: this.pageSizeOptions[0], |
PageSize: this.pageSizeOptions[0], |
||||||
Sort: '', |
Sort: "", |
||||||
IsNewData:this.IsNewData, |
IsNewData: this.IsNewData, |
||||||
IsNewCompanyData:this.IsNewCompanyData |
IsNewCompanyData: this.IsNewCompanyData, |
||||||
} |
}; |
||||||
this.http.get("/api/ApprovedPlans/GetReinforcementPlanComponents",{params:paramsdata}).subscribe((data:any)=>{ |
this.http |
||||||
// console.log('增援预案列表',data)
|
.get("/api/ApprovedPlans/GetReinforcementPlanComponents", { |
||||||
this.length = data.totalCount |
params: paramsdata, |
||||||
this.allPlanInfo = data |
}) |
||||||
this.tabledataSource = data.items
|
.subscribe((data: any) => { |
||||||
}) |
// console.log('增援预案列表',data)
|
||||||
|
this.length = data.totalCount; |
||||||
|
this.allPlanInfo = data; |
||||||
|
this.tabledataSource = data.items; |
||||||
|
}); |
||||||
} |
} |
||||||
|
|
||||||
//得到当前单位信息
|
//得到当前单位信息
|
||||||
getunitdata(){ |
getunitdata() { |
||||||
this.http.get("/api/Account/Profiles").subscribe( |
this.http.get("/api/Account/Profiles").subscribe((data: any) => { |
||||||
(data:any)=>{ |
this.organizationName = data.organizationName; |
||||||
this.organizationName = data.organizationName |
}); |
||||||
} |
|
||||||
) |
|
||||||
} |
} |
||||||
addtime//开始时间
|
addtime; //开始时间
|
||||||
endtime//结束时间
|
endtime; //结束时间
|
||||||
integrityScoreMin//完整度最小值
|
integrityScoreMin; //完整度最小值
|
||||||
integrityScoreMax//完整度最大值
|
integrityScoreMax; //完整度最大值
|
||||||
organizationName:any //当前单位组织机构名称
|
organizationName: any; //当前单位组织机构名称
|
||||||
treedata:any //组织机构树型数据
|
treedata: any; //组织机构树型数据
|
||||||
newArr:any = [] |
newArr: any = []; |
||||||
newallorganizations:any //用于存储在原始数据基础上的每个机构增加children字段
|
newallorganizations: any; //用于存储在原始数据基础上的每个机构增加children字段
|
||||||
//获得所有组织机构
|
//获得所有组织机构
|
||||||
getOrganizations(){ |
getOrganizations() { |
||||||
this.http.get('/api/Organizations').subscribe( |
return new Promise<void>((resolve, reject) => { |
||||||
(data:any)=>{ |
this.http |
||||||
this.allorganizations = data |
.get("/api/Organizations", { |
||||||
this.dataSource.data = this.tree.toTree(data); |
params: { |
||||||
} |
strict: "true", |
||||||
) |
}, |
||||||
|
}) |
||||||
|
.subscribe((data: any) => { |
||||||
|
this.allorganizations = data; |
||||||
|
this.dataSource.data = this.tree.toTree(data); |
||||||
|
resolve(); |
||||||
|
}); |
||||||
|
}); |
||||||
} |
} |
||||||
|
|
||||||
//获得所有单位类型
|
//获得所有单位类型
|
||||||
getUnittype(){ |
getUnittype() { |
||||||
this.http.get('/api/BuildingTypes/Simple').subscribe( |
this.http.get("/api/BuildingTypes/Simple").subscribe((data) => { |
||||||
data=>{ |
this.allunittype = data; |
||||||
this.allunittype = data |
}); |
||||||
} |
|
||||||
) |
|
||||||
} |
} |
||||||
//分页事件
|
//分页事件
|
||||||
chagePage(e){ |
chagePage(e) { |
||||||
this.PageNumber = e.pageIndex+1 |
this.PageNumber = e.pageIndex + 1; |
||||||
this.getAllPlanInfo(); |
this.getAllPlanInfo(); |
||||||
} |
} |
||||||
|
|
||||||
//辖区中队div是否显示
|
//辖区中队div是否显示
|
||||||
isorganizationbox:boolean = false |
isorganizationbox: boolean = false; |
||||||
//点击辖区中队树，将选择的辖区中队添加到变量
|
//点击辖区中队树，将选择的辖区中队添加到变量
|
||||||
add(node) { |
add(node) { |
||||||
this.isorganizationbox = false |
this.isorganizationbox = false; |
||||||
this.js = node.name |
this.js = node.name; |
||||||
this.jsId = node.id |
this.jsId = node.id; |
||||||
} |
} |
||||||
//关闭辖区中队隐藏框
|
//关闭辖区中队隐藏框
|
||||||
closeorganizationbox() { |
closeorganizationbox() { |
||||||
this.isorganizationbox = false |
this.isorganizationbox = false; |
||||||
} |
} |
||||||
//打开辖区中队隐藏框
|
//打开辖区中队隐藏框
|
||||||
openorganizationbox() { |
openorganizationbox() { |
||||||
this.isorganizationbox = true |
this.isorganizationbox = true; |
||||||
} |
} |
||||||
//关闭出现的组织机构div
|
//关闭出现的组织机构div
|
||||||
closediv(){ |
closediv() { |
||||||
this.isorganizationbox = false |
this.isorganizationbox = false; |
||||||
} |
} |
||||||
//查询
|
//查询
|
||||||
onSubmit (e) { |
onSubmit(e) { |
||||||
this.PageNumber = 1 |
this.PageNumber = 1; |
||||||
this.pageEvent.pageIndex = 0 |
this.pageEvent.pageIndex = 0; |
||||||
this.getAllPlanInfo() |
this.getAllPlanInfo(); |
||||||
} |
} |
||||||
companyName:any //单位名称
|
companyName: any; //单位名称
|
||||||
js:any //所选组织机构
|
js: any; //所选组织机构
|
||||||
jsId:any //所选组织机构的id
|
jsId: any; //所选组织机构的id
|
||||||
jscheck:boolean //所选组织机构勾选框
|
jscheck: boolean; //所选组织机构勾选框
|
||||||
unittype:any //单位类型
|
unittype: any; //单位类型
|
||||||
reservePlanType:any //预案类型
|
reservePlanType: any; //预案类型
|
||||||
preparelevel:any //编制级别
|
preparelevel: any; //编制级别
|
||||||
plcheck:boolean //编制级别勾选框
|
plcheck: boolean; //编制级别勾选框
|
||||||
//重置
|
//重置
|
||||||
reset(){ |
reset() { |
||||||
this.IsNewData='' |
this.IsNewData = ""; |
||||||
this.IsNewCompanyData='' |
this.IsNewCompanyData = ""; |
||||||
this.companyName = '' |
this.companyName = ""; |
||||||
this.js = '' |
this.js = ""; |
||||||
this.jsId = '' |
this.jsId = ""; |
||||||
this.jscheck = false |
this.jscheck = false; |
||||||
this.unittype = '' |
this.unittype = ""; |
||||||
this.reservePlanType = '' |
this.reservePlanType = ""; |
||||||
this.preparelevel = '' |
this.preparelevel = ""; |
||||||
this.addtime='' |
this.addtime = ""; |
||||||
this.endtime='' |
this.endtime = ""; |
||||||
this.plcheck = false |
this.plcheck = false; |
||||||
//重新获取初始化列表
|
//重新获取初始化列表
|
||||||
this.pageEvent.pageIndex = 0 |
this.pageEvent.pageIndex = 0; |
||||||
this.PageNumber = 1 |
this.PageNumber = 1; |
||||||
this.getAllPlanInfo(); |
this.getAllPlanInfo(); |
||||||
|
|
||||||
} |
} |
||||||
|
|
||||||
//查看预案
|
//查看预案
|
||||||
openPlan(e){ |
openPlan(e) { |
||||||
// console.log(e)
|
// console.log(e)
|
||||||
let id = e.id
|
let id = e.id; |
||||||
sessionStorage.setItem("planId",id) |
sessionStorage.setItem("planId", id); |
||||||
sessionStorage.setItem("companyId",e.companyId) |
sessionStorage.setItem("companyId", e.companyId); |
||||||
//sessionStorage.setItem("buildingTypeId",this.unittypeId)
|
//sessionStorage.setItem("buildingTypeId",this.unittypeId)
|
||||||
sessionStorage.setItem("editable","0") |
sessionStorage.setItem("editable", "0"); |
||||||
sessionStorage.setItem("planName",e.name) |
sessionStorage.setItem("planName", e.name); |
||||||
let companyId = sessionStorage.getItem("companyId") |
let companyId = sessionStorage.getItem("companyId"); |
||||||
window.open(`/keyUnit/viewunitinfoplan?id=${companyId}&orName=${e.company.organizationName}&orId=${e.company.organizationId}`); |
window.open( |
||||||
|
`/keyUnit/viewunitinfoplan?id=${companyId}&orName=${e.company.organizationName}&orId=${e.company.organizationId}` |
||||||
|
); |
||||||
} |
} |
||||||
} |
} |
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in new issue